Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed for Oraxey.com, aimed at generating more sales and effectively reaching B2B decision makers. This minimalist site will focus on showcasing the brand's value proposition, highlighting key features, and driving conversions through a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction featuring the Oraxey logo, a compelling tagline, and a strong call-to-action button.
2. **Features Overview**: A section that outlines the primary services or products offered, with brief descriptions and accompanying icons or images to enhance understanding.
3. **Testimonials**: A dedicated area displaying customer testimonials to build trust and credibility among potential clients.
4. **Call to Action (CTA)**: A prominent button encouraging visitors to take action, such as scheduling a consultation or signing up for a newsletter.
5. **Contact Information**: A section that provides easy access to contact details, including a form for inquiries and links to social media profiles.

## 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**: The layout will consist of a single-page scrollable design, with sections stacked vertically for easy navigation, utilizing a fixed header for quick access to different parts of the page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for a landing page, but can be incorporated if needed for form handling.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React application with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the Layout**: Structure the application with a main App component that includes a Header, Hero Section, Features Section, Testimonials Section, CTA Section, and Contact Section.
4. **Implement Styling**: Use Tailwind CSS classes to apply the minimalist design specifications, ensuring the primary color and typography are correctly set.
5. **Add Interactivity**: Implement the CTA button functionality to link to a scheduling form or external resource.
6. **Optimize for Responsiveness**: Ensure all sections are responsive and provide a seamless experience on both desktop and mobile devices.
7. **Test and Deploy**: Test the page for usability and performance, then deploy it to a hosting service.

## USER EXPERIENCE
The user will land on a clean and engaging page that immediately communicates the brand's value. The hero section's clear messaging will guide users to explore features, read testimonials, and ultimately engage through the CTA. Smooth scrolling and responsive design will enhance the overall experience, ensuring that visitors can easily navigate through the content regardless of their device.