Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, Leaf, Users } from "lucide-react";
|
||||
import { Award, Leaf, Users, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cottonwood Landscapes LLC"
|
||||
/>
|
||||
@@ -56,66 +41,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Your Perfect Outdoor Sanctuary"
|
||||
description="Professional landscape architecture and maintenance tailored to bring your vision of an outdoor oasis to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Get a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Our Services", href: "#features" },
|
||||
{ text: "Get a Consultation", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698366.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698366.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg",
|
||||
alt: "Beautiful and modern plants deco",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698380.jpg",
|
||||
alt: "Rustic deck with patio furniture and vegetation",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg",
|
||||
alt: "Rural house with stone pathway",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698426.jpg",
|
||||
alt: "Rural patio with furniture and vegetation",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-sunny-autumn-park-with-its-vibrant-tree-leaves_181624-44918.jpg",
|
||||
alt: "Vertical shot of a sunny autumn park with its vibrant tree leaves",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg", alt: "Beautiful and modern plants deco" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698380.jpg", alt: "Rustic deck with patio furniture and vegetation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg", alt: "Rural house with stone pathway" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698426.jpg", alt: "Rural patio with furniture and vegetation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-sunny-autumn-park-with-its-vibrant-tree-leaves_181624-44918.jpg", alt: "Vertical shot of a sunny autumn park with its vibrant tree leaves" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Hardscaping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Irrigation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Night Lighting",
|
||||
},
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Expert Maintenance" },
|
||||
{ type: "text", text: "Custom Hardscaping" },
|
||||
{ type: "text", text: "Smart Irrigation" },
|
||||
{ type: "text", text: "Night Lighting" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,21 +72,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Years of Horticultural Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "24",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "450+",
|
||||
},
|
||||
{ icon: Leaf, label: "Projects Completed", value: "500+" },
|
||||
{ icon: Award, label: "Industry Awards", value: "24" },
|
||||
{ icon: Users, label: "Satisfied Clients", value: "450+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -150,30 +85,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Lawn Care",
|
||||
description: "Scheduled mowing, edging, and nutrient management for vibrant health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg?_wi=1",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Custom Hardscaping",
|
||||
description: "Tailored stone pathways, retaining walls, and outdoor living spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1028.jpg?_wi=1",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Irrigation Design",
|
||||
description: "Smart, sustainable watering solutions to maintain efficiency and beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park_1127-3624.jpg?_wi=1",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Landscape Lighting",
|
||||
description: "Enhance safety and ambiance with expert outdoor accent lighting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-middle-field_1127-290.jpg?_wi=1",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{ title: "Precision Lawn Care", description: "Scheduled mowing, edging, and nutrient management for vibrant health.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Custom Hardscaping", description: "Tailored stone pathways, retaining walls, and outdoor living spaces.", imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1028.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Irrigation Design", description: "Smart, sustainable watering solutions to maintain efficiency and beauty.", imageSrc: "http://img.b2bpic.net/free-photo/park_1127-3624.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Landscape Lighting", description: "Enhance safety and ambiance with expert outdoor accent lighting.", imageSrc: "http://img.b2bpic.net/free-photo/road-middle-field_1127-290.jpg", buttonIcon: ArrowRight },
|
||||
]}
|
||||
title="Comprehensive Landscape Services"
|
||||
description="Expert solutions for every aspect of your property's exterior maintenance and design."
|
||||
@@ -185,61 +100,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
date: "Oct 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Incredible attention to detail and professional staff. Our garden looks stunning.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698366.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in garden",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Stevens",
|
||||
date: "Sep 2023",
|
||||
title: "Business Owner",
|
||||
quote: "Transformed our property appearance entirely. Highly recommend their work.",
|
||||
tag: "Maintenance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/fulllength-photo-smiling-european-girl-cotton-stylish-clothes-cute-model-holding-pot-yellow-flowers-background-multicolored-plants_197531-25957.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in garden",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
date: "Aug 2023",
|
||||
title: "Designer",
|
||||
quote: "Great communication and design insights. Everything happened as planned.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1028.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in garden",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
date: "Jul 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Professional, efficient, and clean execution on all our hardscape projects.",
|
||||
tag: "Hardscape",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/good-morning-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16172.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park_1127-3624.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in garden",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Chen",
|
||||
date: "Jun 2023",
|
||||
title: "Resident",
|
||||
quote: "The team worked magic on our small backyard space. Absolutely love it.",
|
||||
tag: "Landscape",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-middle-field_1127-290.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner standing in garden",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", date: "Oct 2023", title: "Homeowner", quote: "Incredible attention to detail and professional staff. Our garden looks stunning.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698366.jpg", imageAlt: "happy homeowner standing in garden" },
|
||||
{ id: "2", name: "Mark Stevens", date: "Sep 2023", title: "Business Owner", quote: "Transformed our property appearance entirely. Highly recommend their work.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/fulllength-photo-smiling-european-girl-cotton-stylish-clothes-cute-model-holding-pot-yellow-flowers-background-multicolored-plants_197531-25957.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg", imageAlt: "happy homeowner standing in garden" },
|
||||
{ id: "3", name: "Sarah Miller", date: "Aug 2023", title: "Designer", quote: "Great communication and design insights. Everything happened as planned.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-dreamily-looking-camera-with-pink-balloons-hand-confetti-around-white-background-isolated_574295-732.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1028.jpg", imageAlt: "happy homeowner standing in garden" },
|
||||
{ id: "4", name: "James Wilson", date: "Jul 2023", title: "Homeowner", quote: "Professional, efficient, and clean execution on all our hardscape projects.", tag: "Hardscape", avatarSrc: "http://img.b2bpic.net/free-photo/good-morning-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16172.jpg", imageSrc: "http://img.b2bpic.net/free-photo/park_1127-3624.jpg", imageAlt: "happy homeowner standing in garden" },
|
||||
{ id: "5", name: "Laura Chen", date: "Jun 2023", title: "Resident", quote: "The team worked magic on our small backyard space. Absolutely love it.", tag: "Landscape", avatarSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg", imageSrc: "http://img.b2bpic.net/free-photo/road-middle-field_1127-290.jpg", imageAlt: "happy homeowner standing in garden" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why homeowners choose Cottonwood Landscapes for their outdoor transformations."
|
||||
@@ -249,9 +114,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Talk"
|
||||
title="Schedule Your Consultation"
|
||||
description="Start your journey to a more beautiful property with our experts."
|
||||
@@ -263,14 +126,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cottonwood Landscapes LLC"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user