Merge version_1 into main #1
266
src/app/page.tsx
266
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Leaf, Star } from "lucide-react";
|
||||
import { Award, Leaf, Star, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Lushscapes"
|
||||
/>
|
||||
@@ -58,64 +46,19 @@ export default function LandingPage() {
|
||||
title="Crafting Your Perfect Outdoor Sanctuary"
|
||||
description="Where nature meets luxury. We transform ordinary spaces into breathtaking landscapes tailored to your unique lifestyle."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Lushscapes completely changed our backyard into an oasis.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "Exquisite work. The attention to detail is truly unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12329.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emma Wright",
|
||||
handle: "@ewright",
|
||||
testimonial: "Professional, efficient, and deeply passionate about quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30883.jpg",
|
||||
},
|
||||
{
|
||||
name: "David T.",
|
||||
handle: "@davidt",
|
||||
testimonial: "Absolutely stunning result. Highly recommended team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg",
|
||||
},
|
||||
{
|
||||
name: "Laura P.",
|
||||
handle: "@laurap",
|
||||
testimonial: "From design to implementation, flawless execution.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg",
|
||||
},
|
||||
{ name: "Sarah Miller", handle: "@smiller", testimonial: "Lushscapes completely changed our backyard into an oasis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg" },
|
||||
{ name: "James Chen", handle: "@jchen", testimonial: "Exquisite work. The attention to detail is truly unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12329.jpg" },
|
||||
{ name: "Emma Wright", handle: "@ewright", testimonial: "Professional, efficient, and deeply passionate about quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30883.jpg" },
|
||||
{ name: "David T.", handle: "@davidt", testimonial: "Absolutely stunning result. Highly recommended team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg" },
|
||||
{ name: "Laura P.", handle: "@laurap", testimonial: "From design to implementation, flawless execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-bearded-man-sunglasses-lying-grass-outdoors-with-tablet-computer-looking-camera_171337-12744.jpg",
|
||||
alt: "Client avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-tablet-looking-camera_23-2147779626.jpg",
|
||||
alt: "Client avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-petanque-outdoors_23-2149530378.jpg",
|
||||
alt: "Client avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg",
|
||||
alt: "Client avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-making-notes-about-flower_23-2147768470.jpg",
|
||||
alt: "Client avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-bearded-man-sunglasses-lying-grass-outdoors-with-tablet-computer-looking-camera_171337-12744.jpg", alt: "Client avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-tablet-looking-camera_23-2147779626.jpg", alt: "Client avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-petanque-outdoors_23-2149530378.jpg", alt: "Client avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg", alt: "Client avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-making-notes-about-flower_23-2147768470.jpg", alt: "Client avatar 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
/>
|
||||
@@ -126,21 +69,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Design Excellence Delivered"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Client Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Leaf, label: "Projects Completed", value: "500+" },
|
||||
{ icon: Star, label: "Client Satisfaction", value: "99%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,30 +82,10 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Design & Planning",
|
||||
description: "Expert conceptual planning for your dream garden.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg",
|
||||
},
|
||||
{
|
||||
title: "Water Features",
|
||||
description: "Elegant ponds, fountains, and infinity pools.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hotel-pool_23-2150683433.jpg",
|
||||
},
|
||||
{
|
||||
title: "Outdoor Lighting",
|
||||
description: "Ambient lighting to highlight beauty after dark.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-lamp-outdoor_1339-7211.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Patios, paths, and retaining walls built to last.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263641.jpg",
|
||||
},
|
||||
{ title: "Design & Planning", description: "Expert conceptual planning for your dream garden.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg" },
|
||||
{ title: "Water Features", description: "Elegant ponds, fountains, and infinity pools.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/view-hotel-pool_23-2150683433.jpg" },
|
||||
{ title: "Outdoor Lighting", description: "Ambient lighting to highlight beauty after dark.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/antique-lamp-outdoor_1339-7211.jpg" },
|
||||
{ title: "Hardscaping", description: "Patios, paths, and retaining walls built to last.", buttonIcon: ArrowRight, imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263641.jpg" },
|
||||
]}
|
||||
title="Comprehensive Landscape Solutions"
|
||||
description="Tailored landscaping services ranging from conceptual design to precision hardscaping."
|
||||
@@ -186,43 +97,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Urban Oasis",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plants-wooden-surface_23-2148200450.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Countryside Retreat",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/party-modern-sunny-vacation-swimming_1203-4637.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Courtyard",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698394.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxury Waterfront Yard",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5466.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Zen Meditation Garden",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2172.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Formal Garden",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-path-with-grass-growing-up_1137-86.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Modern Urban Oasis", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plants-wooden-surface_23-2148200450.jpg" },
|
||||
{ id: "p2", name: "Countryside Retreat", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/party-modern-sunny-vacation-swimming_1203-4637.jpg" },
|
||||
{ id: "p3", name: "Minimalist Courtyard", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698394.jpg" },
|
||||
{ id: "p4", name: "Luxury Waterfront Yard", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5466.jpg" },
|
||||
{ id: "p5", name: "Zen Meditation Garden", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2172.jpg" },
|
||||
{ id: "p6", name: "Classic Formal Garden", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/stone-path-with-grass-growing-up_1137-86.jpg" },
|
||||
]}
|
||||
title="Our Signature Projects"
|
||||
description="A curated collection of our most stunning transformations."
|
||||
@@ -233,31 +115,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037274.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jenny L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fitness-mat-drinks-water-nature-sports-concept_169016-21040.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Peter R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anita B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sam S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037319.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037274.jpg" },
|
||||
{ id: "t2", name: "Jenny L.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fitness-mat-drinks-water-nature-sports-concept_169016-21040.jpg" },
|
||||
{ id: "t3", name: "Peter R.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-beautiful-cheerful-bearded-caucasian-farmer-blue-shirt-gloves-smiling-working-with-garden-tools-his-farm-near-countryside-house_176420-19905.jpg" },
|
||||
{ id: "t4", name: "Anita B.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-combination-succulents-her-hands-as-she-tends-gardenplants-greenhouse_158595-6976.jpg" },
|
||||
{ id: "t5", name: "Sam S.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037319.jpg" },
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Praise"
|
||||
@@ -270,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Depending on complexity, projects range from 2 to 8 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer maintenance?",
|
||||
content: "Yes, we offer premium ongoing care packages.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is a consultation required?",
|
||||
content: "We begin every project with an in-depth site assessment.",
|
||||
},
|
||||
{ id: "q1", title: "How long does a typical project take?", content: "Depending on complexity, projects range from 2 to 8 weeks." },
|
||||
{ id: "q2", title: "Do you offer maintenance?", content: "Yes, we offer premium ongoing care packages." },
|
||||
{ id: "q3", title: "Is a consultation required?", content: "We begin every project with an in-depth site assessment." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers about our process and service range."
|
||||
@@ -297,14 +147,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Urban Gardeners",
|
||||
"Green Living Co",
|
||||
"Elite Turf",
|
||||
"WaterWorks",
|
||||
"Stone Masters",
|
||||
"Bloom & Grow",
|
||||
"Nature First",
|
||||
]}
|
||||
"Urban Gardeners", "Green Living Co", "Elite Turf", "WaterWorks", "Stone Masters", "Bloom & Grow", "Nature First"]}
|
||||
title="Trusted Partner Network"
|
||||
description="We collaborate with the best in the industry to ensure quality."
|
||||
/>
|
||||
@@ -314,16 +157,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Transform Your Landscape?"
|
||||
description="Start your journey toward a dream outdoor living space today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Our Team", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -332,29 +172,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Work", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Help", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user