Merge version_1 into main #1
144
src/app/page.tsx
144
src/app/page.tsx
@@ -17,23 +17,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Argy Plumbing & Heating"
|
||||
/>
|
||||
@@ -42,70 +43,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Professional Plumbing and Heating Services in Calgary"
|
||||
description="Providing reliable and professional plumbing and heating solutions for residents across Calgary. Expert diagnosis and repairs you can trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+14030000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+14030000000"},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg",
|
||||
alt: "Service Technician 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg", alt: "Service Technician 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg",
|
||||
alt: "Service Technician 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg", alt: "Service Technician 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg",
|
||||
alt: "Service Technician 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg", alt: "Service Technician 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg",
|
||||
alt: "Service Technician 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg", alt: "Service Technician 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg",
|
||||
alt: "Service Technician 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg", alt: "Service Technician 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Calgary homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Emergency", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed Plumbers",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed Plumbers", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Response",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Fast Response", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fixed Pricing",
|
||||
icon: Percent,
|
||||
type: "text-icon", text: "Fixed Pricing", icon: Percent,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Experts",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Local Experts", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -117,9 +93,7 @@ export default function LandingPage() {
|
||||
title="Expert Care for Your Home Systems"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Services", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,21 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Hidden Fees",
|
||||
"No Unnecessary Repairs",
|
||||
"No Service Delays",
|
||||
"No Mess Left Behind",
|
||||
"No Compromise on Safety",
|
||||
],
|
||||
"No Hidden Fees", "No Unnecessary Repairs", "No Service Delays", "No Mess Left Behind", "No Compromise on Safety"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Licensed & Insured Professionals",
|
||||
"24/7 Emergency Support",
|
||||
"Transparent Pricing Guarantee",
|
||||
"Comprehensive Diagnostics",
|
||||
"Local Calgary Roots",
|
||||
],
|
||||
"Licensed & Insured Professionals", "24/7 Emergency Support", "Transparent Pricing Guarantee", "Comprehensive Diagnostics", "Local Calgary Roots"],
|
||||
}}
|
||||
title="Why Choose Argy Plumbing & Heating"
|
||||
description="We prioritize quality workmanship, punctuality, and transparent pricing to ensure your peace of mind."
|
||||
@@ -156,16 +120,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Need Immediate Assistance?"
|
||||
description="Our team is standing by to resolve your plumbing and heating emergencies. Contact us today for reliable service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:info@argyplumbing.ca",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:info@argyplumbing.ca"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,31 +140,16 @@ export default function LandingPage() {
|
||||
description="Serving the Calgary community with unparalleled technical expertise and dedication."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Serving Calgary since 2010",
|
||||
"Qualified Master Plumbers",
|
||||
],
|
||||
id: "1", value: "15+", title: "Years Experience", items: [
|
||||
"Serving Calgary since 2010", "Qualified Master Plumbers"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Emergency response",
|
||||
"Available weekends & holidays",
|
||||
],
|
||||
id: "2", value: "24/7", title: "Availability", items: [
|
||||
"Emergency response", "Available weekends & holidays"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Warranty on all labor",
|
||||
"Customer focus first",
|
||||
],
|
||||
id: "3", value: "100%", title: "Satisfaction", items: [
|
||||
"Warranty on all labor", "Customer focus first"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -213,29 +159,19 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user