diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..5b3fa6a --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,80 @@ +"use client"; + +import ReactLenis from "lenis/react"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import AboutMetric from "@/components/sections/about/AboutMetric"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code, Award, UsersRound, Globe, Handshake } from "lucide-react"; + +export default function AboutPage() { + const navItems = [ + { name: "Features", href: "/#features" }, + { name: "Pricing", href: "/pricing" }, + { name: "About", href: "/about" }, + { name: "Contact", href: "/#contact" } + ]; + + const footerColumns = [ + { + title: "Product", items: [ + { label: "Features", href: "/#features" }, + { label: "Pricing", href: "/pricing" }, + { label: "Integrations", href: "#" }, + { label: "Changelog", href: "#" }, + ], + }, + { + title: "Company", items: [ + { label: "About", href: "/about" }, + { label: "Blog", href: "#" }, + { label: "Careers", href: "#" }, + { label: "Contact", href: "/#contact" }, + ], + }, + { + title: "Resources", items: [ + { label: "Documentation", href: "#" }, + { label: "Help Center", href: "#" }, + { label: "Community", href: "#" }, + { label: "Status", href: "#" }, + ], + }, + { + title: "Legal", items: [ + { label: "Privacy", href: "#" }, + { label: "Terms", href: "#" }, + { label: "Security", href: "#" }, + ], + }, + ]; + + return ( + + + +
+ +
+ + + + ); +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..3cfc654 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,93 @@ +"use client"; + +import ReactLenis from "lenis/react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; +import ContactSplit from '@/components/sections/contact/ContactSplit'; +import FaqDouble from '@/components/sections/faq/FaqDouble'; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import { Mail, HelpCircle, Zap, Shield, Rocket, Target, Sparkles, Crown, Users, Layers, Code } from "lucide-react"; + +export default function ContactPage() { + const navItems = [ + { name: "Features", id: "/#features" }, + { name: "Pricing", id: "/#pricing" }, + { name: "About", id: "/#about" }, + { name: "Contact", id: "/contact" }, + ]; + + return ( + + + + console.log('Contact form submitted with email:', email)} + /> + + + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index a7965c9..41fd148 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,15 +9,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; import PricingCardEight from "@/components/sections/pricing/PricingCardEight"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; -import ContactCenter from "@/components/sections/contact/ContactCenter"; + import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code } from "lucide-react"; export default function SaasTemplatePage() { const navItems = [ - { name: "Features", id: "features" }, - { name: "Pricing", id: "pricing" }, - { name: "About", id: "about" }, - { name: "Contact", id: "contact" }, + { name: "Features", id: "/#features" }, + { name: "Pricing", id: "/#pricing" }, + { name: "About", id: "/#about" }, + { name: "Contact", id: "/contact" }, ]; const avatars = [ @@ -29,28 +29,18 @@ export default function SaasTemplatePage() { const features: FeatureCard[] = [ { - bentoComponent: "globe", - title: "Global Reach", - description: "Connect with users worldwide through our distributed infrastructure", - }, + bentoComponent: "globe", title: "Global Reach", description: "Connect with users worldwide through our distributed infrastructure"}, { - bentoComponent: "marquee", - variant: "text", - centerIcon: Zap, + bentoComponent: "marquee", variant: "text", centerIcon: Zap, texts: ["Fast", "Reliable", "Secure", "Scalable", "Modern"], - title: "Built for Speed", - description: "Lightning fast performance with optimized delivery", - }, + title: "Built for Speed", description: "Lightning fast performance with optimized delivery"}, { - bentoComponent: "3d-stack-cards", - items: [ + bentoComponent: "3d-stack-cards", items: [ { icon: Shield, title: "Security", subtitle: "Enterprise-grade", detail: "Bank-level encryption" }, { icon: Rocket, title: "Performance", subtitle: "99.9% uptime", detail: "Always available" }, { icon: Target, title: "Accuracy", subtitle: "100% reliable", detail: "Data you can trust" }, ], - title: "Built for Scale", - description: "Deploy to any region with automatic failover support", - } + title: "Built for Scale", description: "Deploy to any region with automatic failover support"} ]; return ( @@ -69,12 +59,10 @@ export default function SaasTemplatePage() { description="Create stunning, responsive websites with our comprehensive component library designed" buttons={[ { - text: "Get Started", - onClick: () => console.log("Get Started clicked"), + text: "Get Started", onClick: () => console.log("Get Started clicked"), }, { - text: "Learn More", - onClick: () => console.log("Learn More clicked"), + text: "Learn More", onClick: () => console.log("Learn More clicked"), }, ]} marqueeItems={[ @@ -105,24 +93,16 @@ export default function SaasTemplatePage() { features={[ { icon: Layers, - title: "Modular Architecture", - description: "Build with composable components that scale with your needs", - }, + title: "Modular Architecture", description: "Build with composable components that scale with your needs"}, { icon: Code, - title: "Developer Experience", - description: "Clean APIs and comprehensive documentation for faster development", - }, + title: "Developer Experience", description: "Clean APIs and comprehensive documentation for faster development"}, { icon: Shield, - title: "Enterprise Security", - description: "Bank-level encryption and compliance with industry standards", - }, + title: "Enterprise Security", description: "Bank-level encryption and compliance with industry standards"}, { icon: Rocket, - title: "Lightning Fast", - description: "Optimized for performance with sub-second response times", - }, + title: "Lightning Fast", description: "Optimized for performance with sub-second response times"}, ]} /> console.log("Starter clicked") }, ], features: [ - "Up to 5 projects", - "Basic analytics", - "24/7 email support", - "API access", - ], + "Up to 5 projects", "Basic analytics", "24/7 email support", "API access"], }, { - id: "pro", - badge: "Pro", - badgeIcon: Rocket, - price: "$49/mo", - subtitle: "For growing teams", - buttons: [ + id: "pro", badge: "Pro", badgeIcon: Rocket, + price: "$49/mo", subtitle: "For growing teams", buttons: [ { text: "Get Started", onClick: () => console.log("Pro clicked") }, ], features: [ - "Unlimited projects", - "Advanced analytics", - "Priority support", - "Custom integrations", - "Team collaboration", - ], + "Unlimited projects", "Advanced analytics", "Priority support", "Custom integrations", "Team collaboration"], }, { - id: "enterprise", - badge: "Enterprise", - badgeIcon: Crown, - price: "$99/mo", - subtitle: "For large organizations", - buttons: [ + id: "enterprise", badge: "Enterprise", badgeIcon: Crown, + price: "$99/mo", subtitle: "For large organizations", buttons: [ { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") }, ], features: [ - "Everything in Pro", - "Dedicated account manager", - "Custom SLA", - "On-premise deployment", - "Advanced security", - ], + "Everything in Pro", "Dedicated account manager", "Custom SLA", "On-premise deployment", "Advanced security"], }, ]} /> - console.log("Email submitted:", email)} - /> + + +
+ +
+ + + + ); +}