diff --git a/src/app/page.tsx b/src/app/page.tsx index 92977ef..e8491c9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="smallMedium" sizing="mediumLargeSizeMediumTitles" - background="noise" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -36,7 +36,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Schedule Test Drive", href: "#contact"}} + text: "Schedule Test Drive", href: "#contact" + }} animateOnLoad={true} /> @@ -48,7 +49,7 @@ export default function LandingPage() { tag="Interactive 3D Automotive" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "animated-grid" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/a-stunning-3d-rendered-luxury-car-with-m-1773000722749-b9171367.png" imageAlt="3D luxury car in modern showroom" buttons={[ @@ -69,11 +70,13 @@ export default function LandingPage() { tagAnimation="slide-up" negativeCard={{ items: [ - "Limited vehicle angles in showroom", "Time-consuming dealership visits", "Difficult to customize and compare", "High-pressure sales environment", "Limited information accessibility"], + "Limited vehicle angles in showroom", "Time-consuming dealership visits", "Difficult to customize and compare", "High-pressure sales environment", "Limited information accessibility" + ], }} positiveCard={{ items: [ - "Full 360° 3D car visualization", "Explore anytime, anywhere online", "Instant customization and pricing", "Self-guided, pressure-free research", "Comprehensive vehicle specifications"], + "Full 360° 3D car visualization", "Explore anytime, anywhere online", "Instant customization and pricing", "Self-guided, pressure-free research", "Comprehensive vehicle specifications" + ], }} animationType="slide-up" textboxLayout="default" @@ -120,21 +123,27 @@ export default function LandingPage() { plans={[ { id: "cash", tag: "Direct Purchase", price: "From $35,000", period: "one-time", description: "Complete ownership with no ongoing payments. Immediate delivery and full control.", button: { - text: "View Options", href: "#contact"}, + text: "View Options", href: "#contact" + }, featuresTitle: "What's Included:", features: [ - "Immediate vehicle ownership", "Full warranty coverage (3 years)", "Free maintenance (2 years)", "Roadside assistance 24/7"], + "Immediate vehicle ownership", "Full warranty coverage (3 years)", "Free maintenance (2 years)", "Roadside assistance 24/7" + ], }, { id: "finance", tag: "Flexible Financing", price: "From $499", period: "/month", description: "Affordable monthly payments with competitive rates and flexible terms.", button: { - text: "Get Pre-Approved", href: "#contact"}, + text: "Get Pre-Approved", href: "#contact" + }, featuresTitle: "What's Included:", features: [ - "Competitive interest rates from 2.9%", "Terms from 24 to 84 months", "Gap insurance included", "Extended warranty options"], + "Competitive interest rates from 2.9%", "Terms from 24 to 84 months", "Gap insurance included", "Extended warranty options" + ], }, { id: "lease", tag: "Premium Lease", price: "$399", period: "/month", description: "Drive the latest models with minimal commitment and complete peace of mind.", button: { - text: "Lease Today", href: "#contact"}, + text: "Lease Today", href: "#contact" + }, featuresTitle: "What's Included:", features: [ - "Latest vehicle models every 2-3 years", "All maintenance and repairs covered", "Comprehensive insurance included", "Unlimited mileage option available"], + "Latest vehicle models every 2-3 years", "All maintenance and repairs covered", "Comprehensive insurance included", "Unlimited mileage option available" + ], }, ]} animationType="slide-up" @@ -155,22 +164,28 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Michael Johnson", handle: "@michaelj_cars", testimonial: "The 3D visualization saved me hours at the dealership. I could customize my sedan, see every angle, and make my decision confidently from home. Absolutely revolutionary!", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-portrait-of-a-sati-1773000722517-d402c211.png", imageAlt: "Michael Johnson"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-portrait-of-a-sati-1773000722517-d402c211.png", imageAlt: "Michael Johnson" + }, { id: "2", name: "Sarah Williams", handle: "@sarahw_automotive", testimonial: "I've bought three cars in my life, but this 3D experience was by far the easiest and most transparent. The pricing clarity and customization options are incredible.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-portrait-of-a-sati-1773000722865-1f26e197.png", imageAlt: "Sarah Williams"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-portrait-of-a-sati-1773000722865-1f26e197.png", imageAlt: "Sarah Williams" + }, { id: "3", name: "David Chen", handle: "@davidchen_drive", testimonial: "Comparing the SUV models in 3D helped me make the right choice. The interactive features let me see interior details I would've missed in person. Highly recommend!", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-of-a-middle-aged-m-1773000722894-df11af1c.png", imageAlt: "David Chen"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-of-a-middle-aged-m-1773000722894-df11af1c.png", imageAlt: "David Chen" + }, { id: "4", name: "Emily Rodriguez", handle: "@emilyrod_motors", testimonial: "The entire process was seamless from visualization to test drive booking. The team was responsive and the 3D models were incredibly accurate. Five stars!", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-of-a-young-profess-1773000722878-8a37b134.png", imageAlt: "Emily Rodriguez"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-of-a-young-profess-1773000722878-8a37b134.png", imageAlt: "Emily Rodriguez" + }, { id: "5", name: "James Patterson", handle: "@jpatterson_autos", testimonial: "Finally, a car buying experience that respects my time. The 3D technology is genuinely impressive and the customer service is exceptional.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-of-a-confident-mal-1773000722481-604b85a4.png", imageAlt: "James Patterson"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-of-a-confident-mal-1773000722481-604b85a4.png", imageAlt: "James Patterson" + }, { id: "6", name: "Lisa Thompson", handle: "@lisathompson_car", testimonial: "I was skeptical about buying a car online, but the 3D visualization and detailed specifications gave me complete confidence. My first choice turned out to be perfect!", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-of-a-successful-fe-1773000722409-6cd9dabb.png", imageAlt: "Lisa Thompson"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3zD5g7ae2hkoPVOXG53PhfCe/professional-headshot-of-a-successful-fe-1773000722409-6cd9dabb.png", imageAlt: "Lisa Thompson" + }, ]} showRating={true} animationType="slide-up" @@ -189,9 +204,11 @@ export default function LandingPage() { tagIcon={Award} tagAnimation="slide-up" names={[ - "Tesla", "BMW", "Audi", "Mercedes-Benz", "Porsche", "Lamborghini", "Ferrari", "Rolls-Royce"]} + "Tesla", "BMW", "Audi", "Mercedes-Benz", "Porsche", "Lamborghini", "Ferrari", "Rolls-Royce" + ]} logos={[ - "http://img.b2bpic.net/free-photo/low-angle-electric-car-charging-sign_23-2149530085.jpg", "http://img.b2bpic.net/free-photo/lady-car-salon-woman-buying-car-elegant-woman-brown-suit_1157-44063.jpg", "http://img.b2bpic.net/free-vector/business-card-template-design_1115-338.jpg", "http://img.b2bpic.net/free-vector/vintage-car-club-logo_23-2149452144.jpg", "http://img.b2bpic.net/free-vector/logotype_23-2148145172.jpg", "http://img.b2bpic.net/free-vector/flat-car-logo-collection_23-2147750040.jpg", "http://img.b2bpic.net/free-vector/modern-formula-1-racing-car-with-flat-design_23-2147869563.jpg", "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147730881.jpg"]} + "http://img.b2bpic.net/free-photo/low-angle-electric-car-charging-sign_23-2149530085.jpg", "http://img.b2bpic.net/free-photo/lady-car-salon-woman-buying-car-elegant-woman-brown-suit_1157-44063.jpg", "http://img.b2bpic.net/free-vector/business-card-template-design_1115-338.jpg", "http://img.b2bpic.net/free-vector/vintage-car-club-logo_23-2149452144.jpg", "http://img.b2bpic.net/free-vector/logotype_23-2148145172.jpg", "http://img.b2bpic.net/free-vector/flat-car-logo-collection_23-2147750040.jpg", "http://img.b2bpic.net/free-vector/modern-formula-1-racing-car-with-flat-design_23-2147869563.jpg", "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147730881.jpg" + ]} textboxLayout="default" useInvertedBackground={false} speed={40}