Update src/app/page.tsx
This commit is contained in:
153
src/app/page.tsx
153
src/app/page.tsx
@@ -31,45 +31,35 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The AC Guys"
|
||||
button={{
|
||||
text: "Get a Quote", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="The AC Guys"
|
||||
description="Fast, affordable, and professional HVAC solutions in your neighborhood. Serving your comfort needs 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#why-us",
|
||||
},
|
||||
text: "Learn More", href: "#why-us"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207757.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207757.jpg"
|
||||
imageAlt="Professional HVAC technician"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -82,28 +72,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
title: "Fast Repairs",
|
||||
description: "Emergency services when you need them most.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=osrn7e",
|
||||
imageAlt: "hvac repair icons set",
|
||||
bentoComponent: "reveal-icon", icon: Zap,
|
||||
title: "Fast Repairs", description: "Emergency services when you need them most."
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
title: "Professional Installation",
|
||||
description: "Precise setup for peak system performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207757.jpg?_wi=2",
|
||||
imageAlt: "hvac repair icons set",
|
||||
bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
title: "Professional Installation", description: "Precise setup for peak system performance."
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
title: "Full Maintenance",
|
||||
description: "Preventative care to extend system lifespan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg?_wi=1",
|
||||
imageAlt: "hvac repair icons set",
|
||||
bentoComponent: "reveal-icon", icon: Wrench,
|
||||
title: "Full Maintenance", description: "Preventative care to extend system lifespan."
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -118,17 +96,11 @@ export default function LandingPage() {
|
||||
description="We are a trusted, locally-owned HVAC contractor dedicated to honesty, quality, and fast turnaround times. Our 4.8/5 rating speaks for our commitment."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.8",
|
||||
title: "Star Rating",
|
||||
},
|
||||
value: "4.8", title: "Star Rating"},
|
||||
{
|
||||
value: "17",
|
||||
title: "Verified Reviews",
|
||||
},
|
||||
value: "17", title: "Verified Reviews"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Service Availability",
|
||||
},
|
||||
value: "24/7", title: "Service Availability"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-dirty-broken-inside-compartments-air-conditioner_632498-1086.jpg"
|
||||
@@ -145,45 +117,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Tirado",
|
||||
role: "Client",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "James Tirado", role: "Client", company: "Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rhayna Marques",
|
||||
role: "Client",
|
||||
company: "Apartment",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-engineer-designing-building-model-maquette-layout-architecture-work-architect-working-construction-structure-design-urban-development-project_482257-37228.jpg",
|
||||
},
|
||||
id: "2", name: "Rhayna Marques", role: "Client", company: "Apartment", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-engineer-designing-building-model-maquette-layout-architecture-work-architect-working-construction-structure-design-urban-development-project_482257-37228.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anatol Percival",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hopeful-cheerful-cute-redhead-girlfriend-rooting-you-believe-win-smiling-supportive-satisfied-sh_1258-143196.jpg",
|
||||
},
|
||||
id: "3", name: "Anatol Percival", role: "Client", company: "Homeowner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hopeful-cheerful-cute-redhead-girlfriend-rooting-you-believe-win-smiling-supportive-satisfied-sh_1258-143196.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Maria G.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-fashionable-man-with-stylish-haircut-sunglasses-dressed-black-t-shirt-pants-standing-with-crossed-arms-modern-city-against-skyscraper_613910-18546.jpg",
|
||||
},
|
||||
id: "4", name: "Maria G.", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-fashionable-man-with-stylish-haircut-sunglasses-dressed-black-t-shirt-pants-standing-with-crossed-arms-modern-city-against-skyscraper_613910-18546.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John D.",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
||||
},
|
||||
id: "5", name: "John D.", role: "Client", company: "Homeowner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why our neighbors trust us with their HVAC needs."
|
||||
@@ -196,20 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we are available 24/7.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency service?", content: "Yes, we are available 24/7."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the estimate free?",
|
||||
content: "We offer affordable upfront pricing.",
|
||||
},
|
||||
id: "f2", title: "Is the estimate free?", content: "We offer affordable upfront pricing."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, we are certified HVAC contractors.",
|
||||
},
|
||||
id: "f3", title: "Are you licensed?", content: "Yes, we are certified HVAC contractors."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -224,8 +162,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Need AC Help?"
|
||||
description="Leave your details and we'll reach out immediately."
|
||||
@@ -237,29 +174,19 @@ export default function LandingPage() {
|
||||
logoText="The AC Guys"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Installation", href: "#"},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Repairs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
label: "Call Us", href: "tel:5550123"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@acguys.com",
|
||||
},
|
||||
label: "Email", href: "mailto:info@acguys.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user