Merge version_1 into main #2
347
src/app/page.tsx
347
src/app/page.tsx
@@ -32,22 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="RBRN Landscaping"
|
||||
/>
|
||||
@@ -55,101 +47,34 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Landscaping for Your Beautiful Home"
|
||||
description="RBRN Landscaping provides expert lawn care, hardscaping, and garden design to transform your outdoor space into a lush sanctuary."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Green",
|
||||
handle: "@aliceg",
|
||||
testimonial: "Exceptional service! Our yard has never looked this good.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bob Smith",
|
||||
handle: "@bobsmith",
|
||||
testimonial: "Professional, reliable, and thorough. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-smiling-camera-planting-seeds-garden-watering-plants_176420-19925.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carol D.",
|
||||
handle: "@carold",
|
||||
testimonial: "RBRN turned my backyard into a dream space.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Transformed our property value, truly talented team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "The garden design work was exactly what I wanted.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg",
|
||||
},
|
||||
{ name: "Alice Green", handle: "@aliceg", testimonial: "Exceptional service! Our yard has never looked this good.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg" },
|
||||
{ name: "Bob Smith", handle: "@bobsmith", testimonial: "Professional, reliable, and thorough. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-smiling-camera-planting-seeds-garden-watering-plants_176420-19925.jpg" },
|
||||
{ name: "Carol D.", handle: "@carold", testimonial: "RBRN turned my backyard into a dream space.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg" },
|
||||
{ name: "David W.", handle: "@davidw", testimonial: "Transformed our property value, truly talented team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg" },
|
||||
{ name: "Elena R.", handle: "@elenar", testimonial: "The garden design work was exactly what I wanted.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-serious-bearded-man-blue-y-shirt-gloves-concentrated-working-garden-planting-sprouts-flowerpot-gardener-spending-day-his-countryside-house_176420-19926.jpg?_wi=1"
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-serious-bearded-man-blue-y-shirt-gloves-concentrated-working-garden-planting-sprouts-flowerpot-gardener-spending-day-his-countryside-house_176420-19926.jpg"
|
||||
imageAlt="Landscaped residential yard"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg",
|
||||
alt: "Client Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
alt: "Client Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
|
||||
alt: "Client Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-european-young-caucasian-brunette-woman-looking-camera-raising-thumbs-up-indoors_197531-33242.jpg",
|
||||
alt: "Client Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg",
|
||||
alt: "Client Portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg", alt: "Client Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Client Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg", alt: "Client Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-european-young-caucasian-brunette-woman-looking-camera-raising-thumbs-up-indoors_197531-33242.jpg", alt: "Client Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg", alt: "Client Portrait 5" }
|
||||
]}
|
||||
avatarText="Trusted by 300+ happy local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Crew",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Hardscaping",
|
||||
},
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Expert Maintenance" },
|
||||
{ type: "text", text: "Professional Crew" },
|
||||
{ type: "text", text: "Creative Hardscaping" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,21 +84,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Quality You Can Trust"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Clients",
|
||||
value: "300+",
|
||||
},
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "500+" },
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: Smile, label: "Happy Clients", value: "300+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -185,30 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Garden Design",
|
||||
description: "Customized landscape plans for your unique yard.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg",
|
||||
imageAlt: "Caucasian male gardener shaping overgrown boxwood bush by hedge trimmer in garden front view of",
|
||||
},
|
||||
{
|
||||
title: "Lawn Care",
|
||||
description: "Weekly mowing, fertilizing, and aeration services.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-serious-bearded-man-blue-y-shirt-gloves-concentrated-working-garden-planting-sprouts-flowerpot-gardener-spending-day-his-countryside-house_176420-19926.jpg?_wi=2",
|
||||
imageAlt: "Caucasian male gardener shaping overgrown boxwood bush by hedge trimmer in garden front view of",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Stone pathways, patios, and retaining walls.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-arranging-flowers-greenhouse_53876-15347.jpg?_wi=1",
|
||||
imageAlt: "Caucasian male gardener shaping overgrown boxwood bush by hedge trimmer in garden front view of",
|
||||
},
|
||||
{ title: "Garden Design", description: "Customized landscape plans for your unique yard.", bentoComponent: "reveal-icon", icon: Palette },
|
||||
{ title: "Lawn Care", description: "Weekly mowing, fertilizing, and aeration services.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Hardscaping", description: "Stone pathways, patios, and retaining walls.", bentoComponent: "reveal-icon", icon: Building }
|
||||
]}
|
||||
title="Comprehensive Garden Solutions"
|
||||
description="We offer a full range of landscaping services to meet all your outdoor needs."
|
||||
@@ -219,44 +111,12 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Weekly Mowing",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-arranging-flowers-greenhouse_53876-15347.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Spring Clean Up",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plus-sign-made-green-grass-flower-isolated_169016-58817.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mulching Service",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/home-gardening-logo_17005-1524.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tree Pruning",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-paper-plans_23-2148847792.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Garden Planting",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/lawn-mower-grass-cutters-cartoon-icons-set-isolated-vector-illustration_1284-80120.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Landscaping",
|
||||
price: "$500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13691.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Weekly Mowing", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/woman-arranging-flowers-greenhouse_53876-15347.jpg" },
|
||||
{ id: "p2", name: "Spring Clean Up", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/plus-sign-made-green-grass-flower-isolated_169016-58817.jpg" },
|
||||
{ id: "p3", name: "Mulching Service", price: "$200", imageSrc: "http://img.b2bpic.net/free-vector/home-gardening-logo_17005-1524.jpg" }
|
||||
]}
|
||||
title="Our Featured Services"
|
||||
description="High-quality landscaping packages for your property."
|
||||
@@ -269,41 +129,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah P.",
|
||||
role: "Homeowner",
|
||||
testimonial: "RBRN did an amazing job!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-standing-plant-nursery-holding-watering-can-hand_23-2147948200.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Great attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-young-happy-woman-with-short-curly-hair-pink-long-skirt-white-shirt-alone-outside-her-villa_343596-2888.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jenny K.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Very professional service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom B.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Fair pricing, excellent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants-greenhouse_23-2149037271.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa M.",
|
||||
role: "Homeowner",
|
||||
testimonial: "My garden looks perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-his-map-sunset_1153-420.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah P.", role: "Homeowner", testimonial: "RBRN did an amazing job!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-standing-plant-nursery-holding-watering-can-hand_23-2147948200.jpg" },
|
||||
{ id: "t2", name: "Mark L.", role: "Homeowner", testimonial: "Great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/peaceful-young-happy-woman-with-short-curly-hair-pink-long-skirt-white-shirt-alone-outside-her-villa_343596-2888.jpg" },
|
||||
{ id: "t3", name: "Jenny K.", role: "Homeowner", testimonial: "Very professional service.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg" },
|
||||
{ id: "t4", name: "Tom B.", role: "Homeowner", testimonial: "Fair pricing, excellent quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants-greenhouse_23-2149037271.jpg" },
|
||||
{ id: "t5", name: "Lisa M.", role: "Homeowner", testimonial: "My garden looks perfect.", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-his-map-sunset_1153-420.jpg" }
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our clients have to say about our work."
|
||||
@@ -315,21 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, we provide free site estimates for all new clients.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your business licensed?",
|
||||
content: "Yes, we are fully licensed and insured.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve all surrounding counties.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer free quotes?", content: "Yes, we provide free site estimates for all new clients." },
|
||||
{ id: "q2", title: "Is your business licensed?", content: "Yes, we are fully licensed and insured." },
|
||||
{ id: "q3", title: "What areas do you serve?", content: "We serve all surrounding counties." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -344,27 +162,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "High standards every day.",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Team Members",
|
||||
description: "Dedicated landscaping experts.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Available",
|
||||
description: "Here for your garden needs.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Client Satisfaction", description: "High standards every day.", icon: ThumbsUp },
|
||||
{ id: "m2", value: "12", title: "Team Members", description: "Dedicated landscaping experts.", icon: Users },
|
||||
{ id: "m3", value: "24/7", title: "Support Available", description: "Here for your garden needs.", icon: Clock }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Results driven by professional passion."
|
||||
@@ -377,25 +177,10 @@ export default function LandingPage() {
|
||||
title="Get a Free Estimate"
|
||||
description="Fill out the form to request a consultation for your landscaping project."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Describe your project...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/this-is-hot-period-christmas_329181-4472.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -405,31 +190,17 @@ export default function LandingPage() {
|
||||
logoText="RBRN Landscaping"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Hardscaping",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Lawn Care", href: "#features" },
|
||||
{ label: "Hardscaping", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 RBRN Landscaping LLC. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user