Merge version_1 into main #2
352
src/app/page.tsx
352
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Projects", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Foot Solutions Brookhaven"
|
||||
/>
|
||||
@@ -56,95 +44,18 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevating Landscapes in Brookhaven"
|
||||
description="Foot Solutions Brookhaven delivers premium, nature-inspired landscape solutions designed to transform your outdoor environment into a sophisticated living space."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Exceptional service and vision. Our backyard was transformed perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sat-happily-flower-garden-laid-her-hands-towards-wooden-fence_1150-19409.jpg",
|
||||
},
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Reliable, professional, and highly skilled team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-adult-caucasian-male-gardener-wearing-gardening-hat-holding-flowerpot_141793-115313.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Smith",
|
||||
handle: "@esmith",
|
||||
testimonial: "The best landscape design team in Brookhaven.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-florist-dressed-workwear-pruns-snake-plant-holds-gardening-shears-has-pleased-cheerful-face-expression_273609-31231.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Jones",
|
||||
handle: "@mjones",
|
||||
testimonial: "Truly exceeded expectations with our garden design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-gay-couple-giving-high-five_23-2148218946.jpg",
|
||||
},
|
||||
{
|
||||
name: "Laura King",
|
||||
handle: "@lking",
|
||||
testimonial: "Transformative results. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photo-background-plants-flowers-young-curly-girl-is-cute-smiling-holding-flower-pot-her-hands-with-small-flower-sprout_197531-25938.jpg",
|
||||
},
|
||||
{ name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional service and vision. Our backyard was transformed perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sat-happily-flower-garden-laid-her-hands-towards-wooden-fence_1150-19409.jpg" },
|
||||
{ name: "John Doe", handle: "@jdoe", testimonial: "Reliable, professional, and highly skilled team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/annoyed-adult-caucasian-male-gardener-wearing-gardening-hat-holding-flowerpot_141793-115313.jpg" },
|
||||
{ name: "Emily Smith", handle: "@esmith", testimonial: "The best landscape design team in Brookhaven.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-florist-dressed-workwear-pruns-snake-plant-holds-gardening-shears-has-pleased-cheerful-face-expression_273609-31231.jpg" },
|
||||
{ name: "Mark Jones", handle: "@mjones", testimonial: "Truly exceeded expectations with our garden design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-gay-couple-giving-high-five_23-2148218946.jpg" },
|
||||
{ name: "Laura King", handle: "@lking", testimonial: "Transformative results. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-photo-background-plants-flowers-young-curly-girl-is-cute-smiling-holding-flower-pot-her-hands-with-small-flower-sprout_197531-25938.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg"
|
||||
imageAlt="Luxurious backyard landscaping design"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grass-background_1127-3417.jpg",
|
||||
alt: "Grass background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30893.jpg",
|
||||
alt: "Women working in a greenhouse",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-african-american-woman-street-wearing-black-sexy-fashion-outfit_627829-6738.jpg",
|
||||
alt: "Fashionable young woman in garden",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30867.jpg",
|
||||
alt: "Greenhouse plant care",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-couple-harvesting-carrots_23-2148256687.jpg",
|
||||
alt: "Happy senior gardeners",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients in Brookhaven"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Native Planting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Water Conservation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Year-round Maintenance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,9 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Natural Perfection"
|
||||
description={[
|
||||
"With over 20 years of experience serving Brookhaven, Foot Solutions combines artistic vision with horticultural science to create sustainable, beautiful landscapes.",
|
||||
"Our philosophy centers on harmony between structure and nature, ensuring every project is not only visually stunning but environmentally resilient.",
|
||||
]}
|
||||
"With over 20 years of experience serving Brookhaven, Foot Solutions combines artistic vision with horticultural science to create sustainable, beautiful landscapes.", "Our philosophy centers on harmony between structure and nature, ensuring every project is not only visually stunning but environmentally resilient."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,76 +75,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stone & Hardscaping",
|
||||
description: "Custom patios, walkways, and retaining walls built to last.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
|
||||
},
|
||||
title: "Stone & Hardscaping", description: "Custom patios, walkways, and retaining walls built to last.", media: { imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Stone craftsmanship",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Durable designs",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Quality guarantee",
|
||||
},
|
||||
{ icon: Shield, text: "Stone craftsmanship" },
|
||||
{ icon: Layers, text: "Durable designs" },
|
||||
{ icon: Shield, text: "Quality guarantee" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg?_wi=2",
|
||||
imageAlt: "stone patio installation modern garden",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Advanced Irrigation",
|
||||
description: "Efficient watering systems for health and conservation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg",
|
||||
},
|
||||
title: "Advanced Irrigation", description: "Efficient watering systems for health and conservation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-close-up-ferromagnetic-metal_23-2148253626.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Water savings",
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Automated precision",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Plant hydration",
|
||||
},
|
||||
{ icon: Droplets, text: "Water savings" },
|
||||
{ icon: Settings, text: "Automated precision" },
|
||||
{ icon: Leaf, text: "Plant hydration" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planting-trees-as-part-reforestation-process_23-2149410001.jpg",
|
||||
imageAlt: "stone patio installation modern garden",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Garden Lighting",
|
||||
description: "Ambient lighting that brings your garden to life at night.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg",
|
||||
},
|
||||
title: "Garden Lighting", description: "Ambient lighting that brings your garden to life at night.", media: { imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Atmospheric lights",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Low energy usage",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Safety and beauty",
|
||||
},
|
||||
{ icon: Sun, text: "Atmospheric lights" },
|
||||
{ icon: Zap, text: "Low energy usage" },
|
||||
{ icon: Sparkles, text: "Safety and beauty" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg?_wi=1",
|
||||
imageAlt: "stone patio installation modern garden",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Landscaping Services"
|
||||
@@ -249,27 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Successful transformations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Serving Brookhaven local community",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seedlings-with-garden-tools_658428-187.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently trusted partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-concept-with-wooden-blocks-wooden-table-side-view_176474-9340.jpg",
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Projects Completed", description: "Successful transformations", imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg" },
|
||||
{ id: "m2", value: "20+", title: "Years Experience", description: "Serving Brookhaven local community", imageSrc: "http://img.b2bpic.net/free-photo/seedlings-with-garden-tools_658428-187.jpg" },
|
||||
{ id: "m3", value: "98%", title: "Client Satisfaction", description: "Consistently trusted partner", imageSrc: "http://img.b2bpic.net/free-photo/business-marketing-concept-with-wooden-blocks-wooden-table-side-view_176474-9340.jpg" },
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Our work speaks through these results."
|
||||
@@ -281,14 +127,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Brookhaven Estates",
|
||||
"Meadow View",
|
||||
"Grand Oak Gardens",
|
||||
"Stone Valley",
|
||||
"Brookhaven Manor",
|
||||
"Crestview Terrace",
|
||||
"Summit Gardens",
|
||||
]}
|
||||
"Brookhaven Estates", "Meadow View", "Grand Oak Gardens", "Stone Valley", "Brookhaven Manor", "Crestview Terrace", "Summit Gardens"]}
|
||||
title="Trusted by Local Neighborhoods"
|
||||
description="Our professional services are preferred across the city."
|
||||
/>
|
||||
@@ -300,60 +139,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "HomeOwner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5937.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Architect",
|
||||
company: "DesignStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037274.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Smith",
|
||||
role: "Designer",
|
||||
company: "ArtCore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-lady-white-dress-sitting-bench-touching-her-leg-after-walk-with-daughter-outdoor-portrait-romantic-young-mom-little-girl-hat-posing-together-with-park_197531-3988.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Jones",
|
||||
role: "Founder",
|
||||
company: "TechStart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura King",
|
||||
role: "Director",
|
||||
company: "LocalBiz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-owner-her-nursery-standing-holding-hands-two-pots-with-red-white-flowers-greenhouse_158595-7117.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", company: "HomeOwner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5937.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Architect", company: "DesignStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-care-their-plants-greenhouse_23-2149037274.jpg" },
|
||||
{ id: "3", name: "Emily Smith", role: "Designer", company: "ArtCore", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-lady-white-dress-sitting-bench-touching-her-leg-after-walk-with-daughter-outdoor-portrait-romantic-young-mom-little-girl-hat-posing-together-with-park_197531-3988.jpg" },
|
||||
{ id: "4", name: "Mark Jones", role: "Founder", company: "TechStart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg" },
|
||||
{ id: "5", name: "Laura King", role: "Director", company: "LocalBiz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-owner-her-nursery-standing-holding-hands-two-pots-with-red-white-flowers-greenhouse_158595-7117.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "On Time",
|
||||
},
|
||||
{
|
||||
value: "Unlimited",
|
||||
label: "Creativity",
|
||||
},
|
||||
{ value: "5.0", label: "Avg Rating" },
|
||||
{ value: "100%", label: "On Time" },
|
||||
{ value: "Unlimited", label: "Creativity" },
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="Read about experiences from our local clients."
|
||||
@@ -365,21 +160,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer seasonal maintenance?",
|
||||
content: "Yes, we provide year-round maintenance packages.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Timelines depend on scope, typically 1-3 weeks.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is a consultation free?",
|
||||
content: "We offer a free initial consultation to discuss your vision.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer seasonal maintenance?", content: "Yes, we provide year-round maintenance packages." },
|
||||
{ id: "f2", title: "How long does a typical project take?", content: "Timelines depend on scope, typically 1-3 weeks." },
|
||||
{ id: "f3", title: "Is a consultation free?", content: "We offer a free initial consultation to discuss your vision." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our landscaping process."
|
||||
@@ -390,17 +173,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Ready to start?"
|
||||
title="Schedule Your Consultation"
|
||||
description="Let's create the landscape of your dreams today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@footsolutions.com",
|
||||
},
|
||||
{ text: "Contact Us", href: "mailto:hello@footsolutions.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -409,45 +187,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Foot Solutions Brookhaven"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Foot Solutions Brookhaven"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user