Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a comprehensive web application designed as a premium, modern export-business website for Navik Global Exim, an Indian agricultural commodities and spices export company. The primary purpose is to provide an engaging, informative platform for international buyers to explore products, learn about the company's story, and establish partnerships.

## CORE FEATURES
1. **Hero Section**: A cinematic banner featuring visuals of spices, farms, and global trade with a compelling headline and CTA buttons to drive product exploration and partnership inquiries.
2. **About Us**: A story-driven section detailing the company’s mission of representing Indian agriculture globally, covering quality sourcing, supplier networks, and partnerships.
3. **Product Categories**: Elegant product cards showcasing categories like Spices, Coffee, and Custom Commodity Sourcing with rich imagery to attract B2B clients.
4. **Export Presence**: An interactive world map illustrating export regions including the Middle East, Europe, Southeast Asia, Africa, and North America to highlight global reach.
5. **Process Section**: A modern infographic visual illustrating the export process from sourcing to delivery, enhancing transparency and trust.
6. **Testimonials / Buyer Trust**: A section featuring international buyer testimonials and credibility indicators to strengthen trust among potential clients.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: A structured layout featuring a large hero section at the top, followed by the about section, product categories, an export presence map, and concluding with testimonials and a contact form. Each section should be visually distinct yet cohesive, utilizing strong imagery and whitespace for clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but can integrate React Context API if needed for managing global state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a React project with TypeScript and integrate Tailwind CSS for styling.
2. **Create Components**: Develop reusable components for the hero section, product cards, testimonials, and the interactive world map.
3. **Implement Routing**: Set up React Router for navigation between different sections and pages (Home, About, Products, Certifications, Global Presence, Blog, Contact).
4. **Design Layout**: Structure the main layout using Tailwind CSS to ensure a responsive design that adapts to various screen sizes.
5. **Add Animations**: Implement smooth animations and hover effects using CSS transitions for interactive elements.
6. **Integrate Forms**: Create a contact form for export inquiries and integrate WhatsApp for quick communication.
7. **SEO Optimization**: Ensure the application is SEO-friendly with appropriate meta tags, alt texts for images, and structured data.
8. **Test Responsiveness**: Conduct thorough testing across different devices and browsers to ensure a consistent user experience.

## USER EXPERIENCE
Users will begin their journey on the homepage, greeted by a visually striking hero section that invites them to explore products or become partners. As they scroll down, they will encounter engaging content that tells the story of Navik Global Exim, showcases product categories, and highlights the company's global export presence. The interactive map and process visuals will provide transparency, while testimonials will reinforce trust. The easy-to-navigate contact section ensures that international buyers can quickly reach out for inquiries, optimizing their experience on the site.