diff --git a/src/app/page.tsx b/src/app/page.tsx index 33df587..0a5d2ea 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,4 +1,4 @@ -"use client"; +"use client" import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; @@ -11,33 +11,8 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import ContactFaq from '@/components/sections/contact/ContactFaq'; import FooterMedia from '@/components/sections/footer/FooterMedia'; import { Zap, Sparkles, Quote, Star, Crown, Phone } from "lucide-react"; -import { useRouter } from "next/navigation"; -import { useState } from "react"; - -type Page = 'home' | 'experience' | 'technology' | 'testimonials' | 'pricing' | 'contact'; export default function LandingPage() { - const router = useRouter(); - const [currentPage, setCurrentPage] = useState('home'); - - const navigateToPage = (page: Page) => { - setCurrentPage(page); - window.scrollTo({ top: 0, behavior: 'smooth' }); - }; - - const handleNavigation = (id: string) => { - const pageMap: { [key: string]: Page } = { - 'experience': 'experience', - 'technology': 'technology', - 'testimonials': 'testimonials', - 'pricing': 'pricing', - 'contact': 'contact', - }; - if (pageMap[id]) { - navigateToPage(pageMap[id]); - } - }; - return ( navigateToPage('contact') + text: "Reserve Now", href: "#contact" }} className="bg-background/80 backdrop-blur-md border border-accent/20 rounded-full" navItemClassName="text-foreground/80 hover:text-accent transition-colors duration-300" @@ -70,308 +45,319 @@ export default function LandingPage() { /> - {currentPage === 'home' && ( -
- navigateToPage('experience') }, - { text: "Watch Demo", href: "#" } - ]} - slides={[ - { - imageSrc: "https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg", imageAlt: "BASE Speaker Premium Design" - }, - { - imageSrc: "https://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg", imageAlt: "BASE Speaker Technology" - }, - { - imageSrc: "https://img.b2bpic.net/free-photo/close-up-military-protection-item_23-2149341299.jpg", imageAlt: "BASE Speaker Innovation" - } - ]} - autoplayDelay={5000} - showDimOverlay={true} - logoLineHeight={1.05} - ariaLabel="BASE Speaker Hero Section" - className="relative min-h-screen overflow-hidden" - logoClassName="text-primary-cta drop-shadow-2xl" - descriptionClassName="text-foreground/90 font-light tracking-wide" - buttonClassName="group relative rounded-full overflow-hidden" - buttonTextClassName="relative z-10 font-semibold" - /> -
- )} +
+ +
- {currentPage === 'experience' && ( -
- navigateToPage('home') } - ]} - className="py-20" - cardClassName="group hover:shadow-2xl transition-all duration-500" - imageClassName="group-hover:scale-105 transition-transform duration-700" - /> -
- )} +
+ +
- {currentPage === 'technology' && ( -
- navigateToPage('home') } - ]} - className="py-24" - titleClassName="text-4xl md:text-5xl font-extrabold text-foreground" - descriptionClassName="text-lg text-foreground/70 mt-4" - accordionClassName="border-b border-accent/20 last:border-b-0" - accordionTitleClassName="font-semibold text-foreground hover:text-accent transition-colors" - /> -
- )} +
+ +
- {currentPage === 'testimonials' && ( -
- navigateToPage('home') } - ]} - /> -
- )} +
+ +
- {currentPage === 'pricing' && ( -
- navigateToPage('contact') - }, - featuresTitle: "What's Included:", features: [ - "Quantum Acoustic Processor", "Crystalline Driver Array", "Zero-Latency Connectivity", "Neural Listening Intelligence", "Lifetime Technical Support", "Premium Build Materials" - ] - }, - { - id: "studio", tag: "Studio Master", tagIcon: Zap, - price: "$12,499", period: "one-time", description: "Professional-grade system for studios and serious collectors.", button: { - text: "Choose Studio Master", onClick: () => navigateToPage('contact') - }, - featuresTitle: "What's Included:", features: [ - "Everything in Pro Elite", "Advanced Magnetic Flux Waveguide", "48-Core Processing Power", "Studio Calibration Service", "Custom Acoustic Tuning", "Priority Support Hotline" - ] - }, - { - id: "concert", tag: "Concert Grand", tagIcon: Crown, - price: "$15,999", period: "one-time", description: "Ultimate reference system for the most demanding audiophiles.", button: { - text: "Choose Concert Grand", onClick: () => navigateToPage('contact') - }, - featuresTitle: "What's Included:", features: [ - "Everything in Studio Master", "Hand-Tuned Components", "Concert Hall Acoustics Package", "Dedicated Account Manager", "Exclusive Firmware Updates", "Lifetime Replacement Guarantee" - ] - }, - { - id: "infinity", tag: "Infinity Limited", tagIcon: Zap, - price: "$24,999", period: "one-time", description: "The absolute pinnacle of audio engineering. Extremely limited production.", button: { - text: "Reserve Infinity", onClick: () => navigateToPage('contact') - }, - featuresTitle: "What's Included:", features: [ - "Everything in Concert Grand", "Custom Artisan Craftsmanship", "Bespoke Installation Service", "Personal Audio Consulting", "Legacy Ownership Program", "VIP Community Access" - ] - } - ]} - className="py-24" - cardClassName="rounded-2xl border border-accent/20 hover:border-accent/60 transition-all duration-300" - planPriceClassName="text-5xl font-extrabold text-accent" - buttons={[ - { text: "Back to Home", onClick: () => navigateToPage('home') } - ]} - /> -
- )} +
+ +
- {currentPage === 'contact' && ( - <> -
- -
+
+ +
- - - )} +
+ +
+ +
); -} +} \ No newline at end of file