Merge version_1 into main #2
463
src/app/page.tsx
463
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user