Update src/app/page.tsx
This commit is contained in:
121
src/app/page.tsx
121
src/app/page.tsx
@@ -7,10 +7,10 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Car, Palette, Gauge, CheckCircle, Sparkles, Zap, Image, Facebook, Instagram, Twitter, Linkedin } from 'lucide-react';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Car, Palette, Gauge, CheckCircle, Sparkles, Zap, Image, Facebook, Instagram, Twitter, Linkedin, Phone, Mail, MessageCircle, Award, Users, TrendingUp } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -203,69 +203,118 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="CarCustomize completely transformed how I think about buying cars. I was able to design exactly what I wanted before ordering, and the process was seamless from start to finish. The 3D visualization was incredibly accurate!"
|
||||
rating={5}
|
||||
author="Premium Customer"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
<TestimonialCardThirteen
|
||||
title="Premium Customer Testimonials"
|
||||
description="Hear from our satisfied customers who have transformed their automotive dreams into reality. Join hundreds of enthusiasts who trust CarCustomize for their custom builds."
|
||||
tag="Award-Winning Experience"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
avatars={[
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/a-professional-headshot-of-a-satisfied-c-1773830308209-29342001.png", alt: "Customer testimonial avatar 1"
|
||||
id: "testimonial-1", name: "Alex Rodriguez", handle: "@rodriguezauto", testimonial: "CarCustomize completely transformed how I think about buying cars. The 3D visualization was incredibly accurate and the customization options are truly limitless. My custom GT500 exceeded all expectations!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/professional-headshot-of-a-creative-auto-1773830307522-db1abede.png", imageAlt: "Customer testimonial Alex Rodriguez"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/a-professional-headshot-of-another-satis-1773830307014-8cff8598.png", alt: "Customer testimonial avatar 2"
|
||||
id: "testimonial-2", name: "Sarah Chen", handle: "@sarahchen_design", testimonial: "I was able to design exactly what I wanted before ordering. The process was seamless from start to finish, and the team provided exceptional support throughout. Couldn't be happier with my luxury sedan!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/professional-headshot-of-a-different-cus-1773830307119-ff0a395b.png", imageAlt: "Customer testimonial Sarah Chen"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/a-professional-headshot-of-a-third-custo-1773830308081-059eed9b.png", alt: "Customer testimonial avatar 3"
|
||||
id: "testimonial-3", name: "Marcus Johnson", handle: "@marcusjohnson_off", testimonial: "The customization platform is intuitive and powerful. I modified everything from the suspension to the interior details, and the real-time preview helped me make confident decisions. Best investment ever!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/professional-headshot-of-another-satisfi-1773830310254-fe8cc0b5.png", imageAlt: "Customer testimonial Marcus Johnson"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/a-professional-headshot-of-a-fourth-sati-1773830309263-38ff10a5.png", alt: "Customer testimonial avatar 4"
|
||||
id: "testimonial-4", name: "Emma Wilson", handle: "@emmawilson_tech", testimonial: "As a tech enthusiast, I was impressed by the platform's sophistication. Building my custom electric vehicle was fun and engaging. The final product perfectly matches my vision. Highly recommended!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/professional-headshot-of-a-tech-savvy-cu-1773830306946-f76e0494.png", imageAlt: "Customer testimonial Emma Wilson"
|
||||
},
|
||||
{
|
||||
id: "testimonial-5", name: "David Thompson", handle: "@davidthompson_classic", testimonial: "CarCustomize's attention to detail is remarkable. They helped me create a vehicle that blends classic aesthetics with modern performance. The entire experience was premium from beginning to end.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/professional-headshot-of-a-classic-car-e-1773830307602-7d421ca5.png", imageAlt: "Customer testimonial David Thompson"
|
||||
},
|
||||
{
|
||||
id: "testimonial-6", name: "James Anderson", handle: "@jamesanderson_perf", testimonial: "The performance customization options are unmatched. Every upgrade was explained clearly, and the impact on my truck's capabilities is incredible. This is how car customization should be!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B7BLTbaA0a6vjJqQkC9vXVKYY8/professional-headshot-of-a-performance-c-1773830308708-c165f242.png", imageAlt: "Customer testimonial James Anderson"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Customize?"
|
||||
title="Start Building Your Dream Car Today"
|
||||
description="Join thousands of car enthusiasts who have already customized their perfect vehicle. Sign up now to access our full customization suite and get exclusive updates."
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "animated-grid" }}
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Customize?"
|
||||
ctaDescription="Start Building Your Dream Car Today. Join thousands of car enthusiasts who have already customized their perfect vehicle."
|
||||
ctaButton={{
|
||||
text: "Get Started Free", href: "#customize"
|
||||
}}
|
||||
ctaIcon={Zap}
|
||||
useInvertedBackground={true}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Started Free"
|
||||
termsText="By signing up, you agree to our Terms and Conditions and will receive updates about new car models and customization features."
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "How long does the customization process take?", content: "Most customizations can be completed within 2-4 weeks from order confirmation. Rush options are available for an additional fee. Once completed, your custom vehicle will be shipped directly to you with white-glove delivery service."
|
||||
},
|
||||
{
|
||||
id: "faq-2", title: "Can I modify performance specifications after purchase?", content: "Absolutely! We offer comprehensive post-purchase customization services. Whether you want to upgrade your engine, suspension, or interior, our certified technicians can make modifications with full warranty coverage."
|
||||
},
|
||||
{
|
||||
id: "faq-3", title: "What payment options and financing are available?", content: "We accept all major credit cards, bank transfers, and offer flexible financing options starting at 0% APR for qualified buyers. Our financial partners provide competitive rates for up to 84-month terms."
|
||||
},
|
||||
{
|
||||
id: "faq-4", title: "Is warranty coverage included with custom builds?", content: "Yes! All custom vehicles include a comprehensive 5-year/60,000-mile warranty covering all components and modifications. Extended warranty options are also available for additional peace of mind."
|
||||
},
|
||||
{
|
||||
id: "faq-5", title: "Can I see my vehicle before delivery?", content: "Definitely! We provide detailed documentation and optional video walkthroughs of your build process. You can also schedule an in-person inspection at our facility before delivery."
|
||||
},
|
||||
{
|
||||
id: "faq-6", title: "What makes CarCustomize different from other platforms?", content: "CarCustomize combines premium vehicle selection, advanced 3D customization technology, certified professional craftsmanship, and award-winning customer service. We're committed to turning automotive dreams into reality."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBase
|
||||
logoText="CarCustomize"
|
||||
copyrightText="© 2025 CarCustomize | Your Ultimate Car Customization Platform"
|
||||
socialLinks={[
|
||||
columns={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Follow us on Facebook"
|
||||
title: "Product", items: [
|
||||
{ label: "Browse Vehicles", href: "#cars" },
|
||||
{ label: "Customizer Tool", href: "#customize" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Pricing", href: "#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Blog", href: "/blog" }
|
||||
]
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com", ariaLabel: "Follow us on Twitter"
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "/help" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQ", href: "/faq" },
|
||||
{ label: "Shipping Info", href: "/shipping" }
|
||||
]
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com", ariaLabel: "Follow us on LinkedIn"
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
{ label: "Warranty", href: "/warranty" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user