Update src/pages/HomePage.tsx
This commit is contained in:
@@ -11,266 +11,114 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Somerville's Premier Dealer"
|
||||
title="Huge Selection of Affordable Used Cars"
|
||||
description="Visit Somerville Motors at 182 Washington St. We provide transparent service and quality vehicles for the Massachusetts community."
|
||||
primaryButton={{
|
||||
text: "Browse Inventory",
|
||||
href: "#inventory",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-dark-blue-with-black-vignette-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-94419.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfect-choise-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16074.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-elements-details-inside_1303-21770.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-curly-sexy-woman-leather-jacket-against-red-muscle-car-street_627829-6957.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-black-luxury-car-lights-against-grey-background_181624-25350.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-driving-highway-near-forest-roadside_169016-73131.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-salesperson-dealership-signing-contract-with-clients-shaking-hands_482257-124107.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1933.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parking_1127-4166.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-interior-view-treelined-road-driving-through-countryside_169016-68673.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Somerville's Premier Dealer"
|
||||
title="Huge Selection of Affordable Used Cars"
|
||||
description="Visit Somerville Motors at 182 Washington St. We provide transparent service and quality vehicles for the Massachusetts community."
|
||||
primaryButton={{ text: "Browse Inventory", href: "#inventory" }}
|
||||
secondaryButton={{ text: "Get Directions", href: "#contact" }}
|
||||
leftItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-dark-blue-with-black-vignette-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-94419.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/perfect-choise-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16074.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/car-elements-details-inside_1303-21770.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-curly-sexy-woman-leather-jacket-against-red-muscle-car-street_627829-6957.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg" }]}
|
||||
rightItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-black-luxury-car-lights-against-grey-background_181624-25350.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-driving-highway-near-forest-roadside_169016-73131.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/car-salesperson-dealership-signing-contract-with-clients-shaking-hands_482257-124107.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1933.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/parking_1127-4166.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/car-interior-view-treelined-road-driving-through-countryside_169016-68673.jpg" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="About Somerville Motors"
|
||||
primaryButton={{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText title="About Somerville Motors" primaryButton={{ text: "View Inventory", href: "#inventory" }} />
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="inventory" data-section="inventory">
|
||||
<SectionErrorBoundary name="inventory">
|
||||
<div id="inventory" data-section="inventory">
|
||||
<SectionErrorBoundary name="inventory">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Inventory Highlights"
|
||||
title="Summer Specials on Trucks and SUVs"
|
||||
description="Quality pre-owned vehicles inspected for excellence."
|
||||
items={[
|
||||
{
|
||||
title: "Trucks Collection",
|
||||
description: "View our heavy-duty trucks.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-white-sci-fi-vehicle-concept-glowing-with-neon-lights_1194-640296.jpg",
|
||||
},
|
||||
{
|
||||
title: "SUV Lineup",
|
||||
description: "Reliable SUVs for families.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-modern-family-travelling-by-car-stopped-walk-park_1303-18550.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sedan Specials",
|
||||
description: "Fuel-efficient daily commuters.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minivan-driving-winter-road-across-snowy-countryside-landscape-car-travel-transport_169016-71734.jpg",
|
||||
},
|
||||
{
|
||||
title: "Certified Pre-Owned",
|
||||
description: "Inspected and ready.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/showroom-agent-showing-client-color-swatch-picking-hue-car-paint_482257-118292.jpg",
|
||||
},
|
||||
{
|
||||
title: "Budget Buys",
|
||||
description: "Vehicles under 10k.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-electric-car-charging-station-chisinau-moldova_1268-20620.jpg",
|
||||
},
|
||||
{
|
||||
title: "Luxury Selection",
|
||||
description: "Premium driving experience.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241747.jpg",
|
||||
},
|
||||
{
|
||||
title: "Financing Options",
|
||||
description: "Flexible payment plans.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-business-person-car-dealership_23-2149117146.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Inventory Highlights"
|
||||
title="Summer Specials on Trucks and SUVs"
|
||||
description="Quality pre-owned vehicles inspected for excellence."
|
||||
items={[
|
||||
{ title: "Trucks Collection", description: "View our heavy-duty trucks.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-white-sci-fi-vehicle-concept-glowing-with-neon-lights_1194-640296.jpg" },
|
||||
{ title: "SUV Lineup", description: "Reliable SUVs for families.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-modern-family-travelling-by-car-stopped-walk-park_1303-18550.jpg" },
|
||||
{ title: "Sedan Specials", description: "Fuel-efficient daily commuters.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/minivan-driving-winter-road-across-snowy-countryside-landscape-car-travel-transport_169016-71734.jpg" },
|
||||
{ title: "Certified Pre-Owned", description: "Inspected and ready.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/showroom-agent-showing-client-color-swatch-picking-hue-car-paint_482257-118292.jpg" },
|
||||
{ title: "Budget Buys", description: "Vehicles under 10k.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-electric-car-charging-station-chisinau-moldova_1268-20620.jpg" },
|
||||
{ title: "Luxury Selection", description: "Premium driving experience.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241747.jpg" },
|
||||
{ title: "Financing Options", description: "Flexible payment plans.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-business-person-car-dealership_23-2149117146.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Why Choose Us"
|
||||
title="A Trusted Local Partner"
|
||||
description="Serving the Somerville area with pride."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.8+",
|
||||
title: "Star Rating",
|
||||
description: "Based on 221 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367122.jpg",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Quality Assured",
|
||||
description: "Inspected vehicles",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149722734.jpg",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Serving Massachusetts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-discussing-digital-tablet_107420-65748.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Choose Us"
|
||||
title="A Trusted Local Partner"
|
||||
description="Serving the Somerville area with pride."
|
||||
metrics={[
|
||||
{ value: "4.8+", title: "Star Rating", description: "Based on 221 reviews", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367122.jpg" },
|
||||
{ value: "100%", title: "Quality Assured", description: "Inspected vehicles", imageSrc: "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149722734.jpg" },
|
||||
{ value: "20+", title: "Years Experience", description: "Serving Massachusetts", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-discussing-digital-tablet_107420-65748.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Customer Reviews"
|
||||
title="Trusted by Somerville Drivers"
|
||||
description="Read what our satisfied customers have to say about our auto repair services."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
role: "Client",
|
||||
company: "Somerville",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "Client",
|
||||
company: "Boston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-resting-chair-office_23-2148056186.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Smith",
|
||||
role: "Client",
|
||||
company: "Cambridge",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
role: "Client",
|
||||
company: "Somerville",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "Client",
|
||||
company: "Medford",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488020.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Customer Reviews"
|
||||
title="Trusted by Somerville Drivers"
|
||||
description="What our happy customers say about us."
|
||||
testimonials={[
|
||||
{ name: "John Doe", role: "Client", company: "Somerville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
|
||||
{ name: "Sarah Miller", role: "Client", company: "Boston", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-resting-chair-office_23-2148056186.jpg" },
|
||||
{ name: "David Smith", role: "Client", company: "Cambridge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg" },
|
||||
{ name: "Elena Rodriguez", role: "Client", company: "Somerville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg" },
|
||||
{ name: "Michael Chen", role: "Client", company: "Medford", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488020.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SectionErrorBoundary name="socialproof">
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SectionErrorBoundary name="socialproof">
|
||||
<SocialProofMarquee
|
||||
tag="Partnerships"
|
||||
title="Industry Trusted Brands"
|
||||
description="We work with top brands to ensure the best quality parts for your vehicle."
|
||||
names={[
|
||||
"Ford",
|
||||
"Toyota",
|
||||
"Honda",
|
||||
"Chevrolet",
|
||||
"Nissan",
|
||||
"Hyundai",
|
||||
"Volkswagen",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Partnerships"
|
||||
title="Industry Trusted Brands"
|
||||
description="Proud partners with leading automotive brands."
|
||||
names={["Ford", "Toyota", "Honda", "Chevrolet", "Nissan", "Hyundai", "Volkswagen"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
items={[
|
||||
{
|
||||
question: "What are your opening hours?",
|
||||
answer: "We are open Monday to Sunday, 9:30 AM to 5:00 PM.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer financing?",
|
||||
answer: "Yes, we work with local lenders to offer competitive financing.",
|
||||
},
|
||||
{
|
||||
question: "Can I test drive a car?",
|
||||
answer: "Absolutely! Visit our lot at 182 Washington St.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-sales-woman-car-showroom_1303-25413.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our dealership services."
|
||||
items={[
|
||||
{ question: "What are your opening hours?", answer: "We are open Monday to Sunday, 9:30 AM to 5:00 PM." },
|
||||
{ question: "Do you offer financing?", answer: "Yes, we work with local lenders to offer competitive financing." },
|
||||
{ question: "Can I test drive a car?", answer: "Absolutely! Visit our lot at 182 Washington St." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-sales-woman-car-showroom_1303-25413.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Ready to buy your next car? Call us at +1 617-764-1394 or visit us in Somerville today."
|
||||
primaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+16177641394",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com/?q=182+Washington+St+Somerville+MA",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in Touch"
|
||||
text="Ready to buy your next car? Call us at +1 617-764-1394 or visit us in Somerville today."
|
||||
primaryButton={{ text: "Call Now", href: "tel:+16177641394" }}
|
||||
secondaryButton={{ text: "Get Directions", href: "https://maps.google.com/?q=182+Washington+St+Somerville+MA" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user