Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -18,7 +18,7 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Difference",
|
||||
id: "difference",
|
||||
},
|
||||
name: "Difference", id: "difference"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Duncan"
|
||||
/>
|
||||
@@ -60,43 +50,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Heating & Plumbing Done Right the First Time."
|
||||
description="From emergency repairs to complete system installations, Duncan Heating & Plumbing delivers fast, honest, high-quality service homeowners can rely on."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Service", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg?_wi=1",
|
||||
imageAlt: "Technician with customer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg", imageAlt: "Technician with customer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-two-pink_141793-74761.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-two-pink_141793-74761.jpg", imageAlt: "Technician working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-laptop_23-2150171221.jpg",
|
||||
imageAlt: "Mechanical room clean",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-laptop_23-2150171221.jpg", imageAlt: "Mechanical room clean"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
|
||||
imageAlt: "Workers having a little chat while having cup of coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg", imageAlt: "Workers having a little chat while having cup of coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
imageAlt: "Male plumber working with client to fix kitchen problems",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg", imageAlt: "Male plumber working with client to fix kitchen problems"},
|
||||
]}
|
||||
mediaAnimation="fade-in"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,19 +82,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Quality", value: "100%"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response",
|
||||
value: "Fast",
|
||||
},
|
||||
label: "Response", value: "Fast"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Care",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Care", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -132,67 +101,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Done Right",
|
||||
description: "High-quality craftsmanship every time.",
|
||||
items: [
|
||||
title: "Done Right", description: "High-quality craftsmanship every time.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Permanent solutions",
|
||||
},
|
||||
text: "Permanent solutions"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "No shortcuts",
|
||||
},
|
||||
text: "No shortcuts"},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
|
||||
imageAlt: "Team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg?_wi=2",
|
||||
imageAlt: "professional plumbing team photo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg", imageAlt: "Team"},
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "Know what you pay before we start.",
|
||||
items: [
|
||||
title: "Transparent Pricing", description: "Know what you pay before we start.", items: [
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Fair quotes",
|
||||
},
|
||||
text: "Fair quotes"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "No hidden fees",
|
||||
},
|
||||
text: "No hidden fees"},
|
||||
],
|
||||
reverse: true,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-standing-near-man-suit_171337-18285.jpg",
|
||||
imageAlt: "Quotes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-looking-camera-holding-cup-coffee_23-2148306626.jpg?_wi=1",
|
||||
imageAlt: "professional plumbing team photo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-standing-near-man-suit_171337-18285.jpg", imageAlt: "Quotes"},
|
||||
},
|
||||
{
|
||||
title: "Fast Response",
|
||||
description: "Emergency service when you need it.",
|
||||
items: [
|
||||
title: "Fast Response", description: "Emergency service when you need it.", items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Emergency availability",
|
||||
},
|
||||
text: "Emergency availability"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fast arrivals",
|
||||
},
|
||||
text: "Fast arrivals"},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593846.jpg",
|
||||
imageAlt: "Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233776.jpg?_wi=1",
|
||||
imageAlt: "professional plumbing team photo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593846.jpg", imageAlt: "Service"},
|
||||
},
|
||||
]}
|
||||
title="Expert Service, Honest Advice."
|
||||
@@ -205,43 +150,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Expert Recommendations",
|
||||
price: "Honest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-dark-skinned-businesswoman-convinces-her-husband-pay-attention-some-figures-financial-report_273609-44861.jpg",
|
||||
},
|
||||
id: "1", name: "Expert Recommendations", price: "Honest", imageSrc: "http://img.b2bpic.net/free-photo/displeased-dark-skinned-businesswoman-convinces-her-husband-pay-attention-some-figures-financial-report_273609-44861.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Respectful Techs",
|
||||
price: "Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg",
|
||||
},
|
||||
id: "2", name: "Respectful Techs", price: "Clean", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fast Emergency Care",
|
||||
price: "Urgent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-cooking-pancakes_23-2148116287.jpg",
|
||||
},
|
||||
id: "3", name: "Fast Emergency Care", price: "Urgent", imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-cooking-pancakes_23-2148116287.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Upfront Quotes",
|
||||
price: "Clear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990682.jpg",
|
||||
},
|
||||
id: "4", name: "Upfront Quotes", price: "Clear", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990682.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "No-Upsell Policy",
|
||||
price: "Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-worker-holding-hand-chest-uniform-looking-grateful_176474-35950.jpg",
|
||||
},
|
||||
id: "5", name: "No-Upsell Policy", price: "Care", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-holding-hand-chest-uniform-looking-grateful_176474-35950.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Quality Focus",
|
||||
price: "Lasting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15602.jpg",
|
||||
},
|
||||
id: "6", name: "Quality Focus", price: "Lasting", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15602.jpg"},
|
||||
]}
|
||||
title="The Duncan Difference."
|
||||
description="Why homeowners trust us to treat their home like family."
|
||||
@@ -255,40 +177,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Laura B.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "They do quality work the first time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-looking-camera-holding-cup-coffee_23-2148306626.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Laura B.", handle: "Homeowner", testimonial: "They do quality work the first time.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-looking-camera-holding-cup-coffee_23-2148306626.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark S.",
|
||||
handle: "Local Resident",
|
||||
testimonial: "They bent over backwards to help us during our plumbing emergency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233776.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mark S.", handle: "Local Resident", testimonial: "They bent over backwards to help us during our plumbing emergency.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233776.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Janet P.",
|
||||
handle: "Client",
|
||||
testimonial: "Honest pricing that was less than the home improvement store quotes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-traveling-by-train_23-2150510174.jpg",
|
||||
},
|
||||
id: "3", name: "Janet P.", handle: "Client", testimonial: "Honest pricing that was less than the home improvement store quotes.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-traveling-by-train_23-2150510174.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom D.",
|
||||
handle: "Client",
|
||||
testimonial: "Fast response, honest technicians, and very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-camera-showing-thumb-up-t-shirt-jacket-hat-looking-cheery-front-view_176474-31301.jpg",
|
||||
},
|
||||
id: "4", name: "Tom D.", handle: "Client", testimonial: "Fast response, honest technicians, and very professional.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-camera-showing-thumb-up-t-shirt-jacket-hat-looking-cheery-front-view_176474-31301.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah K.",
|
||||
handle: "Client",
|
||||
testimonial: "Quality work, no upselling. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-vr-glasses-win-video-games-play-celebrating-online-victory-tv-console-with-friends-playing-competition-winning-having-fun-with-3d-virtual-reality-headset_482257-51752.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah K.", handle: "Client", testimonial: "Quality work, no upselling. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-vr-glasses-win-video-games-play-celebrating-online-victory-tv-console-with-friends-playing-competition-winning-having-fun-with-3d-virtual-reality-headset_482257-51752.jpg"},
|
||||
]}
|
||||
title="They Say It Best."
|
||||
description="Authentic feedback from your neighbors."
|
||||
@@ -300,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we are available when you need us most.",
|
||||
},
|
||||
id: "1", title: "Do you offer emergency service?", content: "Yes, we are available when you need us most."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are your quotes transparent?",
|
||||
content: "Always. We believe in honest pricing.",
|
||||
},
|
||||
id: "2", title: "Are your quotes transparent?", content: "Always. We believe in honest pricing."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What kind of work do you do?",
|
||||
content: "From heating to plumbing, we do it right the first time.",
|
||||
},
|
||||
id: "3", title: "What kind of work do you do?", content: "From heating to plumbing, we do it right the first time."},
|
||||
]}
|
||||
sideTitle="Common Questions."
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -325,14 +213,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Top Rated HVAC",
|
||||
"BBB Accredited",
|
||||
"Best Plumber 2024",
|
||||
"Local Business Award",
|
||||
"Licensed & Insured",
|
||||
"Fast Service Pro",
|
||||
"Quality Guarantee",
|
||||
]}
|
||||
"Top Rated HVAC", "BBB Accredited", "Best Plumber 2024", "Local Business Award", "Licensed & Insured", "Fast Service Pro", "Quality Guarantee"]}
|
||||
title="Local Recognition."
|
||||
description="Trusted by the local community."
|
||||
/>
|
||||
@@ -342,18 +223,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Need Help Today? We’re Ready When You Need Us. From emergency repairs to complete installations, Duncan Heating & Plumbing delivers dependable service with honesty and care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Service", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -364,37 +240,23 @@ export default function LandingPage() {
|
||||
logoText="Duncan Heating & Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Heating",
|
||||
href: "#",
|
||||
},
|
||||
label: "Heating", href: "#"},
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Plumbing", href: "#"},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#",
|
||||
},
|
||||
label: "Emergency", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Duncan",
|
||||
items: [
|
||||
title: "Duncan", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user