Merge version_2 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="A&J Landscape Supplies"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Quality Landscaping Supplies in Conroe, TX"
|
||||
description="Your trusted local source for high-quality gravel, stone, mulch, and landscaping essentials to make your outdoor dreams a reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Directions", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg?_wi=1",
|
||||
imageAlt: "Landscape supply store display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg?_wi=1", imageAlt: "Landscape supply store display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14231.jpg?_wi=1",
|
||||
imageAlt: "Natural stone selection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14231.jpg?_wi=1", imageAlt: "Natural stone selection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",
|
||||
imageAlt: "Flagstone patio pavers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg", imageAlt: "Flagstone patio pavers"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131226.jpg",
|
||||
imageAlt: "Premium mulch varieties",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131226.jpg", imageAlt: "Premium mulch varieties"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-dirty-blackboard_23-2147714866.jpg?_wi=1",
|
||||
imageAlt: "Professional garden fabric",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-dirty-blackboard_23-2147714866.jpg?_wi=1", imageAlt: "Professional garden fabric"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175900.jpg?_wi=1",
|
||||
imageAlt: "Bender board edging",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175900.jpg?_wi=1", imageAlt: "Bender board edging"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,9 +77,7 @@ export default function LandingPage() {
|
||||
title="Serving the Conroe Community with Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expert Guidance",
|
||||
author: "Our Team",
|
||||
description: "Professional advice on the right materials for your specific project.",
|
||||
tags: [
|
||||
"Support",
|
||||
"Expertise",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072119.jpg?_wi=1",
|
||||
imageAlt: "Team member helping customer",
|
||||
},
|
||||
id: "f1", title: "Expert Guidance", author: "Our Team", description: "Professional advice on the right materials for your specific project.", tags: [
|
||||
"Support", "Expertise"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072119.jpg?_wi=1", imageAlt: "Team member helping customer"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Convenient Delivery",
|
||||
author: "Delivery Service",
|
||||
description: "Need your materials delivered? We bring your order straight to your doorstep.",
|
||||
tags: [
|
||||
"Convenience",
|
||||
"Delivery",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reykjavik-iceland-june-13-2023-artistic-rocks_58702-11248.jpg",
|
||||
imageAlt: "Delivery truck",
|
||||
},
|
||||
id: "f2", title: "Convenient Delivery", author: "Delivery Service", description: "Need your materials delivered? We bring your order straight to your doorstep.", tags: [
|
||||
"Convenience", "Delivery"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reykjavik-iceland-june-13-2023-artistic-rocks_58702-11248.jpg", imageAlt: "Delivery truck"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wide Selection",
|
||||
author: "Product Range",
|
||||
description: "From natural stone to decorative gravel, find everything you need in one place.",
|
||||
tags: [
|
||||
"Variety",
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-travel-stone-garden-gardening_1203-5249.jpg",
|
||||
imageAlt: "Stone display",
|
||||
},
|
||||
id: "f3", title: "Wide Selection", author: "Product Range", description: "From natural stone to decorative gravel, find everything you need in one place.", tags: [
|
||||
"Variety", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-travel-stone-garden-gardening_1203-5249.jpg", imageAlt: "Stone display"},
|
||||
]}
|
||||
title="Why Choose A&J Landscape Supplies"
|
||||
description="We offer more than just materials; we provide the expert support you need for your landscaping projects."
|
||||
@@ -163,47 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Flagstone",
|
||||
price: "Inquire for Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bobblestone-path-with-moss_23-2151942468.jpg",
|
||||
imageAlt: "Flagstone paving",
|
||||
},
|
||||
id: "p1", name: "Flagstone", price: "Inquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/bobblestone-path-with-moss_23-2151942468.jpg", imageAlt: "Flagstone paving"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Granite Gravel",
|
||||
price: "Per Yard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12403.jpg",
|
||||
imageAlt: "Granite gravel",
|
||||
},
|
||||
id: "p2", name: "Granite Gravel", price: "Per Yard", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12403.jpg", imageAlt: "Granite gravel"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bender Board",
|
||||
price: "Per Length",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg",
|
||||
imageAlt: "Bender board",
|
||||
},
|
||||
id: "p3", name: "Bender Board", price: "Per Length", imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg", imageAlt: "Bender board"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Landscape Fabric",
|
||||
price: "Per Roll",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hat-glasses-picnic-blanket_23-2148197097.jpg",
|
||||
imageAlt: "Weed fabric",
|
||||
},
|
||||
id: "p4", name: "Landscape Fabric", price: "Per Roll", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hat-glasses-picnic-blanket_23-2148197097.jpg", imageAlt: "Weed fabric"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Decorative Rock",
|
||||
price: "Per Yard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14343.jpg",
|
||||
imageAlt: "Natural rock",
|
||||
},
|
||||
id: "p5", name: "Decorative Rock", price: "Per Yard", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14343.jpg", imageAlt: "Natural rock"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Garden Mulch",
|
||||
price: "Per Yard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-coconut-spathe-husk-fiber_53876-30190.jpg",
|
||||
imageAlt: "Organic mulch",
|
||||
},
|
||||
id: "p6", name: "Garden Mulch", price: "Per Yard", imageSrc: "http://img.b2bpic.net/free-photo/pile-coconut-spathe-husk-fiber_53876-30190.jpg", imageAlt: "Organic mulch"},
|
||||
]}
|
||||
title="Our Landscaping Materials"
|
||||
description="Browse our curated selection of high-quality materials to help you complete your next garden or construction project."
|
||||
@@ -217,20 +138,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Positive Customer Reviews",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Positive Customer Reviews"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
description: "Average Rating",
|
||||
},
|
||||
id: "m2", value: "4.9", description: "Average Rating"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "7",
|
||||
description: "Days Open Weekly",
|
||||
},
|
||||
id: "m3", value: "7", description: "Days Open Weekly"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -242,60 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Theresa Ballew",
|
||||
date: "2 months ago",
|
||||
title: "Local Guide",
|
||||
quote: "Best thing I did! I visited many companies and found the best service here.",
|
||||
tag: "Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-woman_23-2147999999.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg?_wi=2",
|
||||
imageAlt: "smiling customer portrait",
|
||||
},
|
||||
id: "t1", name: "Theresa Ballew", date: "2 months ago", title: "Local Guide", quote: "Best thing I did! I visited many companies and found the best service here.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-woman_23-2147999999.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg?_wi=2", imageAlt: "smiling customer portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bacilia Cuevas",
|
||||
date: "1 year ago",
|
||||
title: "Customer",
|
||||
quote: "Thank you for the good service and the workers are very nice.",
|
||||
tag: "Happy Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072119.jpg?_wi=2",
|
||||
imageAlt: "smiling customer portrait",
|
||||
},
|
||||
id: "t2", name: "Bacilia Cuevas", date: "1 year ago", title: "Customer", quote: "Thank you for the good service and the workers are very nice.", tag: "Happy Customer", avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072119.jpg?_wi=2", imageAlt: "smiling customer portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Diego",
|
||||
date: "1 year ago",
|
||||
title: "Regular Client",
|
||||
quote: "Jennifer is always helpful. They are always stocked up and delivery is a huge plus.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2148700793.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14231.jpg?_wi=2",
|
||||
imageAlt: "smiling customer portrait",
|
||||
},
|
||||
id: "t3", name: "Diego", date: "1 year ago", title: "Regular Client", quote: "Jennifer is always helpful. They are always stocked up and delivery is a huge plus.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2148700793.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14231.jpg?_wi=2", imageAlt: "smiling customer portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Happy Gardener",
|
||||
date: "6 months ago",
|
||||
title: "Customer",
|
||||
quote: "Great service, great stuff and good prices!!!",
|
||||
tag: "Great Prices",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7057.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-dirty-blackboard_23-2147714866.jpg?_wi=2",
|
||||
imageAlt: "smiling customer portrait",
|
||||
},
|
||||
id: "t4", name: "Happy Gardener", date: "6 months ago", title: "Customer", quote: "Great service, great stuff and good prices!!!", tag: "Great Prices", avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7057.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-dirty-blackboard_23-2147714866.jpg?_wi=2", imageAlt: "smiling customer portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Landscaping Pro",
|
||||
date: "8 months ago",
|
||||
title: "Professional",
|
||||
quote: "Outstanding variety for all your landscaping needs.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-cafe-listens-music-wireless-earphones-holding-smartphone_1258-314175.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175900.jpg?_wi=2",
|
||||
imageAlt: "smiling customer portrait",
|
||||
},
|
||||
id: "t5", name: "Landscaping Pro", date: "8 months ago", title: "Professional", quote: "Outstanding variety for all your landscaping needs.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-cafe-listens-music-wireless-earphones-holding-smartphone_1258-314175.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175900.jpg?_wi=2", imageAlt: "smiling customer portrait"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Read feedback from local residents who trust us with their landscaping needs."
|
||||
@@ -306,22 +173,18 @@ export default function LandingPage() {
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch", href: "#contact"
|
||||
}
|
||||
]}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer delivery services for all our landscape materials to make your projects easier.",
|
||||
},
|
||||
id: "q1", title: "Do you offer delivery?", content: "Yes, we offer delivery services for all our landscape materials to make your projects easier."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open 7 days a week during the spring season to serve you better.",
|
||||
},
|
||||
id: "q2", title: "Are you open on weekends?", content: "Yes, we are open 7 days a week during the spring season to serve you better."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 11052 Moorehead Rd, Conroe, TX 77302.",
|
||||
},
|
||||
id: "q3", title: "Where are you located?", content: "We are located at 11052 Moorehead Rd, Conroe, TX 77302."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services and delivery options."
|
||||
@@ -333,8 +196,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Get In Touch"
|
||||
description="Have questions about our materials or want to schedule a delivery? Contact us today."
|
||||
@@ -347,38 +209,25 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "11052 Moorehead Rd, Conroe, TX",
|
||||
href: "#",
|
||||
},
|
||||
label: "11052 Moorehead Rd, Conroe, TX", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Landscape Delivery",
|
||||
href: "#",
|
||||
},
|
||||
label: "Landscape Delivery", href: "#"},
|
||||
{
|
||||
label: "Supply Sales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Supply Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -389,4 +238,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user