bender/3da71275-499f-4b27-a3b9-ee270ebb0ec6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-05 15:38:22 +00:00
parent 024c5c27cf
commit 3d9701774c
1 changed files with 126 additions and 337 deletions
Download Patch File Download Diff File Expand all files Collapse all files

463
src/app/page.tsx
View File

@@ -28,351 +28,140 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Transformations",
id: "transformations",
},
{
name: "Why Us",
id: "why-us",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Allday & Son"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Services", id: "services" },
{ name: "Transformations", id: "transformations" },
{ name: "Why Us", id: "why-us" },
{ name: "Contact", id: "contact" },
]}
brandName="Allday & Son"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "sparkles-gradient",
}}
title="Built Right. Done On Time. Left Spotless."
description="Reliable building & landscaping contractors trusted by local homeowners for quality work, fair pricing, and zero hassle."
tag="⭐⭐⭐⭐⭐ 5-Star Rated"
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "Call Now",
href: "tel:01234567890",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27385.jpg?_wi=1",
imageAlt: "Our team working on site",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060614.jpg?_wi=1",
imageAlt: "Our craftsmanship detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=1",
imageAlt: "Garden renovation project",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg?_wi=1",
imageAlt: "Fence installation project",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg?_wi=1",
imageAlt: "Brickwork repair project",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Reliable • Professional • Tidy Work Guaranteed"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "sparkles-gradient" }}
title="Built Right. Done On Time. Left Spotless."
description="Reliable building & landscaping contractors trusted by local homeowners for quality work, fair pricing, and zero hassle."
tag="⭐⭐⭐⭐⭐ 5-Star Rated"
buttons={[
{ text: "Get a Free Quote", href: "#contact" },
{ text: "Call Now", href: "tel:01234567890" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27385.jpg", imageAlt: "Our team working on site" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060614.jpg", imageAlt: "Our craftsmanship detail" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Reliable • Professional • Tidy Work Guaranteed"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "Local Homeowner",
testimonial: "Turned up very punctually and did a huge tidy up quickly and neatly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27385.jpg?_wi=2",
imageAlt: "professional UK landscape contractors working",
},
{
id: "2",
name: "Michael Chen",
handle: "Local Homeowner",
testimonial: "Attention to detail was excellent and pricing very competitive.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=2",
imageAlt: "before and after garden renovation",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "Local Homeowner",
testimonial: "Professional, reliable and left everything spotless.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg?_wi=2",
imageAlt: "fencing installation before after",
},
{
id: "4",
name: "David Kim",
handle: "Local Homeowner",
testimonial: "Kept me updated from quote to completion.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg?_wi=2",
imageAlt: "brickwork repointing before and after",
},
{
id: "5",
name: "Robert B.",
handle: "Repeat Customer",
testimonial: "Highly recommended for any garden work. Always on time and clean.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060614.jpg?_wi=2",
imageAlt: "professional landscaping close up",
},
]}
showRating={true}
title="Trusted by Homeowners Across the Area"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
description="What our customers say."
testimonials={[
{ id: "1", name: "Sarah J.", handle: "Local Homeowner", testimonial: "Turned up very punctually and did a huge tidy up quickly and neatly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27385.jpg", imageAlt: "professional UK landscape contractors working" },
{ id: "2", name: "Michael Chen", handle: "Local Homeowner", testimonial: "Attention to detail was excellent and pricing very competitive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg", imageAlt: "before and after garden renovation" }
]}
showRating={true}
title="Trusted by Homeowners Across the Area"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Landscaping",
description: "Full garden transformations tailored to your style.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=4",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27385.jpg?_wi=3",
imageAlt: "professional UK landscape contractors working",
},
{
title: "Fencing",
description: "Durable installation and professional repairs.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg?_wi=3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg?_wi=4",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=5",
imageAlt: "before and after garden renovation",
},
{
title: "Brickwork & Repairs",
description: "Expert masonry and repointing for structural longevity.",
icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg?_wi=3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg?_wi=4",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg?_wi=5",
imageAlt: "fencing installation before after",
},
]}
title="What We Do"
description="High-quality craftsmanship for every aspect of your property."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Landscaping", description: "Full garden transformations tailored to your style.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg" }] },
{ title: "Fencing", description: "Durable installation and professional repairs.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg" }] },
{ title: "Brickwork & Repairs", description: "Expert masonry and repointing for structural longevity.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg" }] }
]}
title="What We Do"
description="High-quality craftsmanship for every aspect of your property."
/>
</div>
<div id="transformations" data-section="transformations">
<ProductCardFour
animationType="slide-up"
textboxLayout="inline-image"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Garden Renovation",
price: "High Impact",
variant: "Transformation",
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=6",
},
{
id: "p2",
name: "Fence Installation",
price: "New Finish",
variant: "Transformation",
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg?_wi=6",
},
{
id: "p3",
name: "Brickwork Repair",
price: "Restoration",
variant: "Transformation",
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg?_wi=5",
},
{
id: "p4",
name: "Garden Clearance",
price: "Tidy Up",
variant: "Service",
imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg?_wi=7",
},
{
id: "p5",
name: "Shed Repairs",
price: "Maintenance",
variant: "Service",
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg?_wi=7",
},
{
id: "p6",
name: "Tree Surgery",
price: "Professional",
variant: "Service",
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg?_wi=6",
},
]}
title="Transforming Outdoor Spaces"
description="Giving your garden a new lease of life — quickly, cleanly, and professionally."
/>
</div>
<div id="transformations" data-section="transformations">
<ProductCardFour
animationType="slide-up"
textboxLayout="inline-image"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Garden Renovation", price: "High Impact", variant: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg" },
{ id: "p2", name: "Fence Installation", price: "New Finish", variant: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-young-couple-touching-chain-link_23-2148208849.jpg" },
{ id: "p3", name: "Brickwork Repair", price: "Restoration", variant: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg" }
]}
title="Transforming Outdoor Spaces"
description="Giving your garden a new lease of life — quickly, cleanly, and professionally."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Punctuality",
description: "Always on time, every time.",
icon: Clock,
},
{
id: "m2",
value: "Spotless",
title: "Tidiness",
description: "We leave your home clean.",
icon: Sparkles,
},
{
id: "m3",
value: "Fair",
title: "Pricing",
description: "Competitive and transparent.",
icon: Tag,
},
]}
title="Why Homeowners Choose Allday & Son"
description="We don't just build; we deliver peace of mind."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "100%", title: "Punctuality", description: "Always on time, every time.", icon: Clock },
{ id: "m2", value: "Spotless", title: "Tidiness", description: "We leave your home clean.", icon: Sparkles },
{ id: "m3", value: "Fair", title: "Pricing", description: "Competitive and transparent.", icon: Tag }
]}
title="Why Homeowners Choose Allday & Son"
description="We don't just build; we deliver peace of mind."
/>
</div>
<div id="process" data-section="process">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "1. Get in touch",
content: "Contact us via phone, web, or email for a fast, free quote.",
},
{
id: "f2",
title: "2. Site visit",
content: "We schedule a site visit to understand your needs and provide clear pricing.",
},
{
id: "f3",
title: "3. Work completed",
content: "We arrive on time, work professionally, and finish on schedule.",
},
{
id: "f4",
title: "4. We clean up",
content: "You get a beautiful new space, and we tidy everything up completely.",
},
]}
title="Simple, Stress-Free Process"
description="From your first inquiry to the final cleanup, we handle everything."
faqsAnimation="slide-up"
/>
</div>
<div id="process" data-section="process">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "1. Get in touch", content: "Contact us via phone, web, or email for a fast, free quote." },
{ id: "f2", title: "2. Site visit", content: "We schedule a site visit to understand your needs and provide clear pricing." },
{ id: "f3", title: "3. Work completed", content: "We arrive on time, work professionally, and finish on schedule." },
{ id: "f4", title: "4. We clean up", content: "You get a beautiful new space, and we tidy everything up completely." }
]}
title="Simple, Stress-Free Process"
description="From your first inquiry to the final cleanup, we handle everything."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Get a Quote"
title="Ready to Transform Your Garden?"
description="Get a fast, free quote from a team you can rely on. No pressure, no hidden costs."
buttons={[
{
text: "Get Free Quote",
href: "#",
},
{
text: "Call Now",
href: "tel:01234567890",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Get a Quote"
title="Ready to Transform Your Garden?"
description="Get a fast, free quote from a team you can rely on. No pressure, no hidden costs."
buttons={[
{ text: "Get Free Quote", href: "#" },
{ text: "Call Now", href: "tel:01234567890" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Allday & Son"
copyrightText="© 2025 Allday & Son. Fully insured."
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Allday & Son"
copyrightText="© 2025 Allday & Son. Fully insured."
socialLinks={[
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);