diff --git a/src/App.tsx b/src/App.tsx index 4bc0283..9ecbaf7 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,169 +1,14 @@ -import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay'; -import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail'; -import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; -import FeaturesStatisticsCards from '@/components/sections/features/FeaturesStatisticsCards'; -import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal'; -import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; -import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards'; -import NavbarCentered from '@/components/ui/NavbarCentered'; -import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards'; -import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; -import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards'; +import { BrowserRouter, Routes, Route } from "react-router-dom"; +import HomePage from "@/pages/HomePage"; +import PricingFeaturesPage from "@/pages/PricingFeaturesPage"; export default function App() { return ( - <> - - -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- - - + + + } /> + } /> + + ); } diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index a3e7160..5f3b683 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,22 +1,172 @@ -import NavbarCentered from "@/components/ui/NavbarCentered"; -import { routes } from "@/routes"; +import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay'; +import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail'; +import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; +import FeaturesStatisticsCards from '@/components/sections/features/FeaturesStatisticsCards'; +import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal'; +import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; +import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards'; +import NavbarCentered from '@/components/ui/NavbarCentered'; +import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards'; +import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; +import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards'; -const HomePage = () => { + +export default function HomePage() { return ( -
+ <> + - ); -}; + logo="FlowSync" + navItems={[ + { name: "Features", href: "#features" }, + { name: "Pricing", href: "#pricing" }, + { name: "About", href: "#about" }, + { name: "FAQ", href: "#faq" }, + { name: "PricingFeatures", href: "/pricing-features" }, -export default HomePage; + ]} + ctaButton={{ + text: "Get Started", href: "#contact" + }} + /> +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/pages/PricingFeaturesPage.tsx b/src/pages/PricingFeaturesPage.tsx new file mode 100644 index 0000000..c67cb3e --- /dev/null +++ b/src/pages/PricingFeaturesPage.tsx @@ -0,0 +1,107 @@ +import { routes } from "@/routes" +import NavbarCentered from "@/components/ui/NavbarCentered" +import Button from "@/components/ui/Button" + +const PricingFeaturesPage = () => { + const navItems = routes.map((r) => ({ name: r.label, href: r.path })) + + return ( +
+ +
+ {/* Pricing Section */} +
+
+

Simple, transparent pricing

+

Choose the plan that's right for your business. No hidden fees, no surprises.

+ +
+ {/* Starter Plan */} +
+

Starter

+

$29

+

/month

+
    +
  • ✅ 5 Projects
    • +
  • ✅ Basic Analytics
    • +
  • ✅ Email Support
    • +
  • ✅ 1GB Storage
    • +
+ +
+ + {/* Pro Plan */} +
+
Popular
+

Pro

+

$99

+

/month

+
    +
  • ✅ Unlimited Projects
    • +
  • ✅ Advanced Analytics
    • +
  • ✅ Priority Support
    • +
  • ✅ 10GB Storage
    • +
  • ✅ Custom Integrations
    • +
+ +
+ + {/* Enterprise Plan */} +
+

Enterprise

+

Custom

+

+
    +
  • ✅ All Pro Features
    • +
  • ✅ Dedicated Account Manager
    • +
  • ✅ SLA Guarantee
    • +
  • ✅ On-premise Deployment
    • +
  • ✅ 24/7 Phone Support
    • +
+ +
+
+
+
+ + {/* Features Section */} +
+
+

Powerful features designed for growth

+

Everything you need to scale your business, all in one place.

+ +
+ {/* Feature 1 */} +
+
🚀
+

Blazing Fast Performance

+

Experience unparalleled speed and responsiveness across all your applications.

+
+ {/* Feature 2 */} +
+
🔒
+

Robust Security

+

Your data is protected with enterprise-grade security measures and compliance.

+
+ {/* Feature 3 */} +
+
💡
+

Intuitive User Interface

+

Designed for ease of use, our platform helps you get more done with less effort.

+
+ {/* Feature 4 */} +
+
📈
+

Advanced Analytics

+

Gain deep insights into your performance with customizable dashboards and reports.

+
+ {/* Feature 5 */} +
+
🤝
+

Seamless Collaboration

+

Work together effortlessly with built-in tools for team communication and project sharing.

+
+ {/* Feature 6 */} +
+
🌐
+

\ No newline at end of file diff --git a/src/routes.ts b/src/routes.ts index 362ecb5..20a65e5 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -6,4 +6,5 @@ export interface Route { export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, + { path: '/pricing-features', label: 'Pricing Features', pageFile: 'PricingFeaturesPage' }, ];