Merge version_1 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -29,26 +29,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book a Service",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book a Service", href: "#contact"}}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/car-service-icon-sign-symbol_53876-132171.jpg"
|
||||
logoAlt="Sonesta Mechanic & Body Repair logo"
|
||||
brandName="Sonesta Mechanic & Body Repair"
|
||||
@@ -58,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Ride, Restored & Reliable."
|
||||
description="Expert Mechanic & Body Repair in Anytown, USA — We Fix It Right the First Time."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Services", href: "#services"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F0ik2mhlqDAXxcs2vbHyMnD6Mo/uploaded-1781238692630-4pxdr24g.png"
|
||||
imageAlt="Diagonal orange-red paint splash graphic"
|
||||
@@ -81,159 +66,54 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-items-equal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "body-trim",
|
||||
brand: "",
|
||||
name: "Body & Trim",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mechanic-tools_23-2147506403.jpg",
|
||||
imageAlt: "Body & Trim icon",
|
||||
},
|
||||
id: "body-trim", brand: "", name: "Body & Trim", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/mechanic-tools_23-2147506403.jpg", imageAlt: "Body & Trim icon"},
|
||||
{
|
||||
id: "ac",
|
||||
brand: "",
|
||||
name: "Air Conditioning",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-badges-design_23-2149616631.jpg",
|
||||
imageAlt: "Air Conditioning icon",
|
||||
},
|
||||
id: "ac", brand: "", name: "Air Conditioning", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-badges-design_23-2149616631.jpg", imageAlt: "Air Conditioning icon"},
|
||||
{
|
||||
id: "battery",
|
||||
brand: "",
|
||||
name: "Battery",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-white-car-repair-icons_1284-727.jpg",
|
||||
imageAlt: "Battery icon",
|
||||
},
|
||||
id: "battery", brand: "", name: "Battery", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/black-white-car-repair-icons_1284-727.jpg", imageAlt: "Battery icon"},
|
||||
{
|
||||
id: "oil-change",
|
||||
brand: "",
|
||||
name: "Oil Change",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gqn6sa",
|
||||
imageAlt: "Oil Change icon",
|
||||
},
|
||||
id: "oil-change", brand: "", name: "Oil Change", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gqn6sa", imageAlt: "Oil Change icon"},
|
||||
{
|
||||
id: "filter-replace",
|
||||
brand: "",
|
||||
name: "Air & Cabin Filter Replacement",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/antigravity-technology-with-elements_23-2148072678.jpg",
|
||||
imageAlt: "Air & Cabin Filter Replacement icon",
|
||||
},
|
||||
id: "filter-replace", brand: "", name: "Air & Cabin Filter Replacement", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/antigravity-technology-with-elements_23-2148072678.jpg", imageAlt: "Air & Cabin Filter Replacement icon"},
|
||||
{
|
||||
id: "diagnostic",
|
||||
brand: "",
|
||||
name: "Auto Engine Diagnostic",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-icon-set_1262-4092.jpg",
|
||||
imageAlt: "Auto Engine Diagnostic icon",
|
||||
},
|
||||
id: "diagnostic", brand: "", name: "Auto Engine Diagnostic", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/auto-icon-set_1262-4092.jpg", imageAlt: "Auto Engine Diagnostic icon"},
|
||||
{
|
||||
id: "electrical",
|
||||
brand: "",
|
||||
name: "Electrical",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/heart-with-bolt-going-through_78370-5383.jpg",
|
||||
imageAlt: "Electrical icon",
|
||||
},
|
||||
id: "electrical", brand: "", name: "Electrical", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/heart-with-bolt-going-through_78370-5383.jpg", imageAlt: "Electrical icon"},
|
||||
{
|
||||
id: "exhaust",
|
||||
brand: "",
|
||||
name: "Exhaust",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pollution-icons-set_1284-4430.jpg",
|
||||
imageAlt: "Exhaust icon",
|
||||
},
|
||||
id: "exhaust", brand: "", name: "Exhaust", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/pollution-icons-set_1284-4430.jpg", imageAlt: "Exhaust icon"},
|
||||
{
|
||||
id: "brakes",
|
||||
brand: "",
|
||||
name: "Brakes",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-safety-system-icons_1284-13356.jpg",
|
||||
imageAlt: "Brakes icon",
|
||||
},
|
||||
id: "brakes", brand: "", name: "Brakes", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/car-safety-system-icons_1284-13356.jpg", imageAlt: "Brakes icon"},
|
||||
{
|
||||
id: "suspension",
|
||||
brand: "",
|
||||
name: "Steering & Suspension",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-repair-icon-collection_1063-19.jpg",
|
||||
imageAlt: "Steering & Suspension icon",
|
||||
},
|
||||
id: "suspension", brand: "", name: "Steering & Suspension", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/car-repair-icon-collection_1063-19.jpg", imageAlt: "Steering & Suspension icon"},
|
||||
{
|
||||
id: "tires",
|
||||
brand: "",
|
||||
name: "Tires",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg",
|
||||
imageAlt: "Tires icon",
|
||||
},
|
||||
id: "tires", brand: "", name: "Tires", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg", imageAlt: "Tires icon"},
|
||||
{
|
||||
id: "transmission",
|
||||
brand: "",
|
||||
name: "Transmission",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-service-2x2-design-concept_1284-15828.jpg",
|
||||
imageAlt: "Transmission icon",
|
||||
},
|
||||
id: "transmission", brand: "", name: "Transmission", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/auto-service-2x2-design-concept_1284-15828.jpg", imageAlt: "Transmission icon"},
|
||||
{
|
||||
id: "engine-repair",
|
||||
brand: "",
|
||||
name: "Engine Repair",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-maintenance-service-flat-icons-set_1284-11706.jpg",
|
||||
imageAlt: "Engine Repair icon",
|
||||
},
|
||||
id: "engine-repair", brand: "", name: "Engine Repair", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/car-maintenance-service-flat-icons-set_1284-11706.jpg", imageAlt: "Engine Repair icon"},
|
||||
{
|
||||
id: "painting",
|
||||
brand: "",
|
||||
name: "Painting",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-paint-gun-logo-template_23-2149990490.jpg",
|
||||
imageAlt: "Painting icon",
|
||||
},
|
||||
id: "painting", brand: "", name: "Painting", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/gradient-paint-gun-logo-template_23-2149990490.jpg", imageAlt: "Painting icon"},
|
||||
{
|
||||
id: "welding",
|
||||
brand: "",
|
||||
name: "Welding",
|
||||
price: "",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/metalworking-tools-machinery-isometric-icons-collection_1284-15094.jpg",
|
||||
imageAlt: "Welding icon",
|
||||
},
|
||||
id: "welding", brand: "", name: "Welding", price: "", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-vector/metalworking-tools-machinery-isometric-icons-collection_1284-15094.jpg", imageAlt: "Welding icon"},
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Comprehensive mechanical and cosmetic services to keep your vehicle running perfectly and looking its best."
|
||||
@@ -247,25 +127,13 @@ export default function LandingPage() {
|
||||
tag="Our Commitments"
|
||||
metrics={[
|
||||
{
|
||||
id: "certified-techs",
|
||||
value: "Certified Technicians",
|
||||
description: "Expert team dedicated to top-quality vehicle care.",
|
||||
},
|
||||
id: "certified-techs", value: "Certified Technicians", description: "Expert team dedicated to top-quality vehicle care."},
|
||||
{
|
||||
id: "honest-pricing",
|
||||
value: "Honest Pricing",
|
||||
description: "Transparent, fair rates with no hidden fees.",
|
||||
},
|
||||
id: "honest-pricing", value: "Honest Pricing", description: "Transparent, fair rates with no hidden fees."},
|
||||
{
|
||||
id: "fast-turnaround",
|
||||
value: "Fast Turnaround",
|
||||
description: "Efficient service to get you back on the road quickly.",
|
||||
},
|
||||
id: "fast-turnaround", value: "Fast Turnaround", description: "Efficient service to get you back on the road quickly."},
|
||||
{
|
||||
id: "all-models",
|
||||
value: "All Makes & Models",
|
||||
description: "Specialists equipped for every type of vehicle.",
|
||||
},
|
||||
id: "all-models", value: "All Makes & Models", description: "Specialists equipped for every type of vehicle."},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -276,9 +144,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Sonesta Mechanic & Body Repair",
|
||||
},
|
||||
type: "text", content: "About Sonesta Mechanic & Body Repair"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -287,10 +153,10 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Schedule Now"
|
||||
title="Ready to Get Your Vehicle Back in Shape?"
|
||||
description=""
|
||||
inputPlaceholder="Your Email (optional)"
|
||||
buttonText="Schedule Your Appointment Today"
|
||||
termsText="By scheduling, you agree to our terms and conditions."
|
||||
@@ -301,41 +167,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Get in Touch",
|
||||
items: [
|
||||
title: "Get in Touch", items: [
|
||||
{
|
||||
label: "+1 (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
label: "+1 (555) 123-4567", href: "tel:+15551234567"},
|
||||
{
|
||||
label: "123 Auto Lane, Anytown, USA",
|
||||
href: "https://maps.google.com/?q=123+Auto+Lane",
|
||||
},
|
||||
label: "123 Auto Lane, Anytown, USA", href: "https://maps.google.com/?q=123+Auto+Lane"},
|
||||
{
|
||||
label: "Mon-Fri: 8AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Fri: 8AM-6PM", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user