Merge version_1 into main #2
384
src/app/page.tsx
384
src/app/page.tsx
@@ -29,145 +29,49 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Createscape"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Createscape Landscaping & Fencing Services"
|
||||
description="Transforming your outdoor space with premium craftsmanship you can trust. From custom fencing to complete garden redesigns."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o83mzl&_wi=1",
|
||||
imageAlt: "Landscape design",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2fyg0e&_wi=1",
|
||||
imageAlt: "Service 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r360am&_wi=1",
|
||||
imageAlt: "Service 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nonla&_wi=1",
|
||||
imageAlt: "Service 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2qg1d8&_wi=1",
|
||||
imageAlt: "Service 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g6by9x&_wi=1",
|
||||
imageAlt: "Service 5",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o83mzl", imageAlt: "Landscape design" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2fyg0e", imageAlt: "Service 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r360am", imageAlt: "Service 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nonla", imageAlt: "Service 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2qg1d8", imageAlt: "Service 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g6by9x", imageAlt: "Service 5" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hop21d",
|
||||
imageAlt: "Planning",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aiil4l",
|
||||
imageAlt: "S1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fuamt0",
|
||||
imageAlt: "S2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9dafhm",
|
||||
imageAlt: "S3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pch7b8",
|
||||
imageAlt: "S4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uab09",
|
||||
imageAlt: "S5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hop21d", imageAlt: "Planning" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aiil4l", imageAlt: "S1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fuamt0", imageAlt: "S2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9dafhm", imageAlt: "S3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pch7b8", imageAlt: "S4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uab09", imageAlt: "S5" }
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kywth9",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hpdl8q",
|
||||
alt: "Satisfied homeowner",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rn17v9",
|
||||
alt: "Professional landscaping",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6j89o5",
|
||||
alt: "Garden design",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7nv007",
|
||||
alt: "Outdoor living",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kywth9", alt: "Happy client" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hpdl8q", alt: "Satisfied homeowner" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rn17v9", alt: "Professional landscaping" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6j89o5", alt: "Garden design" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7nv007", alt: "Outdoor living" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Finishes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Designs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Landscaping",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Sustainable Materials" }, { type: "text", text: "Certified Craftsmanship" }, { type: "text", text: "Premium Finishes" }, { type: "text", text: "Bespoke Designs" }, { type: "text", text: "Modern Landscaping" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,72 +81,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Garden Landscaping",
|
||||
description: "Full-scale garden transformation services.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mxqm2e",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o83mzl&_wi=2",
|
||||
imageAlt: "garden landscaping design modern",
|
||||
},
|
||||
{
|
||||
title: "Fencing",
|
||||
description: "Durable and aesthetic fencing solutions.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e0yubl",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2fyg0e&_wi=2",
|
||||
imageAlt: "garden landscaping design modern",
|
||||
},
|
||||
{
|
||||
title: "Decking",
|
||||
description: "Bespoke decking for modern living.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1j8dke",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r360am&_wi=2",
|
||||
imageAlt: "garden landscaping design modern",
|
||||
},
|
||||
{
|
||||
title: "Hard Landscaping",
|
||||
description: "Professional paving and masonry work.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzunlc",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nonla&_wi=2",
|
||||
imageAlt: "garden landscaping design modern",
|
||||
},
|
||||
{
|
||||
title: "Planting & Turfing",
|
||||
description: "Breathtaking green spaces and lawns.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fniugr",
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2qg1d8&_wi=2",
|
||||
imageAlt: "garden landscaping design modern",
|
||||
},
|
||||
{
|
||||
title: "Design & Planning",
|
||||
description: "Architectural plans for your garden.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlpjee",
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g6by9x&_wi=2",
|
||||
imageAlt: "garden landscaping design modern",
|
||||
},
|
||||
{ title: "Garden Landscaping", description: "Full-scale garden transformation services.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mxqm2e" }, items: [], reverse: false },
|
||||
{ title: "Fencing", description: "Durable and aesthetic fencing solutions.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e0yubl" }, items: [], reverse: true },
|
||||
{ title: "Decking", description: "Bespoke decking for modern living.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1j8dke" }, items: [], reverse: false },
|
||||
{ title: "Hard Landscaping", description: "Professional paving and masonry work.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzunlc" }, items: [], reverse: true },
|
||||
{ title: "Planting & Turfing", description: "Breathtaking green spaces and lawns.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fniugr" }, items: [], reverse: false },
|
||||
{ title: "Design & Planning", description: "Architectural plans for your garden.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlpjee" }, items: [], reverse: true }
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="High-quality landscaping and construction solutions tailored to your vision."
|
||||
@@ -251,33 +95,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: ListChecks,
|
||||
title: "Detailed Quotes",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: DollarSign,
|
||||
title: "Fair Pricing",
|
||||
value: "Competitive",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: MessageSquare,
|
||||
title: "Clear Communication",
|
||||
value: "Direct",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Clock,
|
||||
title: "Tidy & Punctual",
|
||||
value: "Reliable",
|
||||
},
|
||||
{ id: "m1", icon: ListChecks, title: "Detailed Quotes", value: "100%" },
|
||||
{ id: "m2", icon: DollarSign, title: "Fair Pricing", value: "Competitive" },
|
||||
{ id: "m3", icon: MessageSquare, title: "Clear Communication", value: "Direct" },
|
||||
{ id: "m4", icon: Clock, title: "Tidy & Punctual", value: "Reliable" },
|
||||
]}
|
||||
title="Why Choose Createscape?"
|
||||
description="We prioritize quality and clear communication in every project."
|
||||
@@ -289,61 +114,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
date: "Oct 2024",
|
||||
title: "Great deck install",
|
||||
quote: "Fantastic work on our new deck. Very professional.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kywth9",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o83mzl&_wi=3",
|
||||
imageAlt: "happy homeowner in garden",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
date: "Sep 2024",
|
||||
title: "Top-notch fence",
|
||||
quote: "The fence looks beautiful and is very sturdy.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hpdl8q",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2fyg0e&_wi=3",
|
||||
imageAlt: "happy homeowner in garden",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert B.",
|
||||
date: "Aug 2024",
|
||||
title: "Garden transformation",
|
||||
quote: "Createscape turned our patch of dirt into a garden.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rn17v9",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r360am&_wi=3",
|
||||
imageAlt: "happy homeowner in garden",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Green",
|
||||
date: "Jul 2024",
|
||||
title: "Punctual and tidy",
|
||||
quote: "They were punctual and tidied up perfectly every day.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6j89o5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nonla&_wi=3",
|
||||
imageAlt: "happy homeowner in garden",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike Ross",
|
||||
date: "Jun 2024",
|
||||
title: "Highly recommended",
|
||||
quote: "Best landscape service we've used in years.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7nv007",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2qg1d8&_wi=3",
|
||||
imageAlt: "happy homeowner in garden",
|
||||
},
|
||||
{ id: "1", name: "John Doe", date: "Oct 2024", title: "Great deck install", quote: "Fantastic work on our new deck. Very professional.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kywth9" },
|
||||
{ id: "2", name: "Jane Smith", date: "Sep 2024", title: "Top-notch fence", quote: "The fence looks beautiful and is very sturdy.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hpdl8q" },
|
||||
{ id: "3", name: "Robert B.", date: "Aug 2024", title: "Garden transformation", quote: "Createscape turned our patch of dirt into a garden.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rn17v9" },
|
||||
{ id: "4", name: "Alice Green", date: "Jul 2024", title: "Punctual and tidy", quote: "They were punctual and tidied up perfectly every day.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6j89o5" },
|
||||
{ id: "5", name: "Mike Ross", date: "Jun 2024", title: "Highly recommended", quote: "Best landscape service we've used in years.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7nv007" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Rated 5★ for excellence in craftsmanship."
|
||||
@@ -353,18 +128,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Enquiries"
|
||||
title="Get Your Free Quote"
|
||||
description="Ready to transform your space? Get in touch today for a professional consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@createscape.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@createscape.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -373,56 +141,26 @@ export default function LandingPage() {
|
||||
logoText="Createscape"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Landscaping",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Fencing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Decking",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Landscaping", href: "#services" },
|
||||
{ label: "Fencing", href: "#services" },
|
||||
{ label: "Decking", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Reviews", href: "#reviews" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Createscape Landscaping. All rights reserved."
|
||||
/>
|
||||
@@ -430,4 +168,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user