feat: add testimonials to hero section
This commit is contained in:
kudinDmitriyUp
@@ -1,7 +1,7 @@
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
@@ -10,36 +10,45 @@ export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
<HeroBillboard
|
||||
tag="Boulder's Finest Boutique Detailing"
|
||||
title="Precision Care for Your Automotive Investment"
|
||||
description="Experience unparalleled vehicle restoration with Colorado's premier boutique detailing experts."
|
||||
primaryButton={{
|
||||
text: "View Packages",
|
||||
href: "#pricing",
|
||||
text: 'View Packages',
|
||||
href: '#pricing',
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
text: 'Contact Us',
|
||||
href: '#contact',
|
||||
}}
|
||||
items={[
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wrapping-car_23-2149385678.jpg"
|
||||
/>
|
||||
<TestimonialQuoteCards
|
||||
tag="Reviews"
|
||||
title="What Clients Say"
|
||||
description="Trusted by Boulder's most discerning automotive owners."
|
||||
testimonials={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wrapping-car_23-2149385678.jpg",
|
||||
name: 'James R.',
|
||||
role: 'Collector',
|
||||
quote: 'The finish is beyond perfection. True artisans.',
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg',
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg",
|
||||
name: 'Sarah K.',
|
||||
role: 'Executive',
|
||||
quote: 'My car looks better than when I bought it new.',
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22812.jpg',
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5433.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117118.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning-gym-equipment_23-2148766019.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/just-married-car-scene-with-flowers-side-view_23-2149539997.jpg",
|
||||
name: 'Michael D.',
|
||||
role: 'Enthusiast',
|
||||
quote: "I don't trust anyone else with my vehicle.",
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/cute-happy-woman-pink-glasses-making-self-portrait-near-amazing-red-convertible-sport-car-california_273443-2520.jpg',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -52,8 +61,8 @@ export default function HomePage() {
|
||||
description="Located in the heart of Boulder, we serve enthusiasts who demand more than just a wash. We provide surgical-grade restoration for your vehicle."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30600.jpg"
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
text: 'Learn More',
|
||||
href: '#services',
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -65,19 +74,25 @@ export default function HomePage() {
|
||||
description="From ceramic coatings to interior deep cleans, every detail is handled with precision."
|
||||
items={[
|
||||
{
|
||||
title: "Ceramic Coating",
|
||||
description: "High-durability paint protection for long-term finish security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194136.jpg",
|
||||
title: 'Ceramic Coating',
|
||||
description:
|
||||
'High-durability paint protection for long-term finish security.',
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194136.jpg',
|
||||
},
|
||||
{
|
||||
title: "Full Interior Detail",
|
||||
description: "Complete sanitation and aesthetic rejuvenation of your car's interior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
|
||||
title: 'Full Interior Detail',
|
||||
description:
|
||||
"Complete sanitation and aesthetic rejuvenation of your car's interior.",
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg',
|
||||
},
|
||||
{
|
||||
title: "Paint Correction",
|
||||
description: "Removing swirls and scratches to reveal showroom paint quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg",
|
||||
title: 'Paint Correction',
|
||||
description:
|
||||
'Removing swirls and scratches to reveal showroom paint quality.',
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -90,49 +105,48 @@ export default function HomePage() {
|
||||
description="Choose the level of care your vehicle deserves."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials",
|
||||
price: "$295",
|
||||
period: "Standard",
|
||||
features: [
|
||||
"Hand wash",
|
||||
"Interior dusting",
|
||||
"Wheel cleaning",
|
||||
],
|
||||
tag: 'Essentials',
|
||||
price: '$295',
|
||||
period: 'Standard',
|
||||
features: ['Hand wash', 'Interior dusting', 'Wheel cleaning'],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
text: 'Select',
|
||||
href: '#contact',
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27475.jpg",
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27475.jpg',
|
||||
},
|
||||
{
|
||||
tag: "Signature",
|
||||
price: "$550",
|
||||
period: "Premium",
|
||||
tag: 'Signature',
|
||||
price: '$550',
|
||||
period: 'Premium',
|
||||
features: [
|
||||
"Full paint protection",
|
||||
"Interior extraction",
|
||||
"Leather conditioning",
|
||||
'Full paint protection',
|
||||
'Interior extraction',
|
||||
'Leather conditioning',
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
text: 'Select',
|
||||
href: '#contact',
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg",
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg',
|
||||
},
|
||||
{
|
||||
tag: "Ultimate",
|
||||
price: "$1,200",
|
||||
period: "Concierge",
|
||||
tag: 'Ultimate',
|
||||
price: '$1,200',
|
||||
period: 'Concierge',
|
||||
features: [
|
||||
"Multi-stage paint correction",
|
||||
"Ceramic coating",
|
||||
"Complete deep steam",
|
||||
'Multi-stage paint correction',
|
||||
'Ceramic coating',
|
||||
'Complete deep steam',
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
text: 'Select',
|
||||
href: '#contact',
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sharp-spike-with-abstract-ferromagnetic-mirrored-metal_23-2148253664.jpg",
|
||||
imageSrc:
|
||||
'http://img.b2bpic.net/free-photo/sharp-spike-with-abstract-ferromagnetic-mirrored-metal_23-2148253664.jpg',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -144,56 +158,16 @@ export default function HomePage() {
|
||||
title="The Detail Difference"
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
description: "Vehicles Detailed",
|
||||
value: '500+',
|
||||
description: 'Vehicles Detailed',
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "Satisfaction Rate",
|
||||
value: '100%',
|
||||
description: 'Satisfaction Rate',
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Reviews"
|
||||
title="What Clients Say"
|
||||
description="Trusted by Boulder's most discerning automotive owners."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
role: "Collector",
|
||||
quote: "The finish is beyond perfection. True artisans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
role: "Executive",
|
||||
quote: "My car looks better than when I bought it new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22812.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael D.",
|
||||
role: "Enthusiast",
|
||||
quote: "I don't trust anyone else with my vehicle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-happy-woman-pink-glasses-making-self-portrait-near-amazing-red-convertible-sport-car-california_273443-2520.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena W.",
|
||||
role: "Designer",
|
||||
quote: "Exceptional attention to every single detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-with-two-pigtails-with-sponge-washes-side-car_1153-9809.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas L.",
|
||||
role: "Engineer",
|
||||
quote: "Precision work that lasts. Fantastic service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg",
|
||||
value: '15+',
|
||||
description: 'Years Experience',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -204,12 +178,12 @@ export default function HomePage() {
|
||||
tag="Ready to Start"
|
||||
text="Book your premium detailing appointment today."
|
||||
primaryButton={{
|
||||
text: "Schedule Appointment",
|
||||
href: "tel:3035550123",
|
||||
text: 'Schedule Appointment',
|
||||
href: 'tel:3035550123',
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@boulderluxe.com",
|
||||
text: 'Email Us',
|
||||
href: 'mailto:info@boulderluxe.com',
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user