Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -31,73 +31,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Forma Outdoor Consulting"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Designing Outdoor Spaces That Work Beautifully"
|
||||
description="We transform challenging properties into functional, breathtaking outdoor living environments through professional, collaborative design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Consultation", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698294.jpg",
|
||||
imageAlt: "Luxurious landscape design Nashville",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg",
|
||||
imageAlt: "Before and after luxury garden renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg",
|
||||
imageAlt: "Custom outdoor kitchen pool area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
|
||||
imageAlt: "Landscape planting plans tree selection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-unidentified-tourists_74190-4259.jpg",
|
||||
imageAlt: "Professional garden design showcase",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg",
|
||||
imageAlt: "Modern stone patio transformation",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698294.jpg", imageAlt: "Luxurious landscape design Nashville" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg", imageAlt: "Before and after luxury garden renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg", imageAlt: "Custom outdoor kitchen pool area" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg", imageAlt: "Landscape planting plans tree selection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architecture-unidentified-tourists_74190-4259.jpg", imageAlt: "Professional garden design showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg", imageAlt: "Modern stone patio transformation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,27 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Design",
|
||||
title: "Landscape Design",
|
||||
subtitle: "Professional Planning",
|
||||
description: "Custom landscape design plans tailored to your property.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-house-structure_23-2151064788.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Living",
|
||||
title: "Outdoor Spaces",
|
||||
subtitle: "Patios & Kitchens",
|
||||
description: "Functional outdoor kitchens, patios, and lounges.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976554.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Optimization",
|
||||
title: "Yard Grading",
|
||||
subtitle: "Space Planning",
|
||||
description: "Expert solutions for sloped yards and space optimization.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-park_181624-630.jpg",
|
||||
},
|
||||
{ tag: "Design", title: "Landscape Design", subtitle: "Professional Planning", description: "Custom landscape design plans tailored to your property.", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-house-structure_23-2151064788.jpg" },
|
||||
{ tag: "Living", title: "Outdoor Spaces", subtitle: "Patios & Kitchens", description: "Functional outdoor kitchens, patios, and lounges.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976554.jpg" },
|
||||
{ tag: "Optimization", title: "Yard Grading", subtitle: "Space Planning", description: "Expert solutions for sloped yards and space optimization.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-park_181624-630.jpg" },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in tailored landscape design and outdoor living solutions designed for functionality and aesthetics."
|
||||
@@ -151,48 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Garden Renovation",
|
||||
price: "Before & After",
|
||||
variant: "Full Yard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair_1127-3193.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Patio",
|
||||
price: "Hardscape",
|
||||
variant: "Modern Stone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Outdoor Kitchen",
|
||||
price: "Lifestyle",
|
||||
variant: "Custom Build",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488215.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Poolside Design",
|
||||
price: "Hardscape",
|
||||
variant: "Pool Area",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6119.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Grading Project",
|
||||
price: "Function",
|
||||
variant: "Optimized Space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Planting Plans",
|
||||
price: "Selection",
|
||||
variant: "Tree Selection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-working-eco-friendly-wind-power-project-with-wind-turbines_23-2148847776.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Garden Renovation", price: "Before & After", variant: "Full Yard", imageSrc: "http://img.b2bpic.net/free-photo/stair_1127-3193.jpg" },
|
||||
{ id: "p2", name: "Luxury Patio", price: "Hardscape", variant: "Modern Stone", imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg" },
|
||||
{ id: "p3", name: "Outdoor Kitchen", price: "Lifestyle", variant: "Custom Build", imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488215.jpg" },
|
||||
{ id: "p4", name: "Poolside Design", price: "Hardscape", variant: "Pool Area", imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6119.jpg" },
|
||||
{ id: "p5", name: "Grading Project", price: "Function", variant: "Optimized Space", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg" },
|
||||
{ id: "p6", name: "Planting Plans", price: "Selection", variant: "Tree Selection", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-working-eco-friendly-wind-power-project-with-wind-turbines_23-2148847776.jpg" },
|
||||
]}
|
||||
title="Project Portfolio"
|
||||
description="Transforming landscapes into functional environments."
|
||||
@@ -204,46 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Listener",
|
||||
quote: "Eric truly listened to my ideas and created exactly what we needed.",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Creative Solutions",
|
||||
quote: "His design provided workable solutions for our sloped yard.",
|
||||
name: "Mike D.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7051.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Difficult Space",
|
||||
quote: "Forma transformed our small yard into a beautiful, functional space.",
|
||||
name: "Emily P.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-ideas-design-be-creative-inspiration-concept_53876-125068.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Professionalism",
|
||||
quote: "Extremely professional, easy to work with and very creative.",
|
||||
name: "David R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-decorating-home_23-2150633325.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Buildable Plans",
|
||||
quote: "The final plans were clear, buildable, and stunningly beautiful.",
|
||||
name: "Anna S.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-clerk-with-phone-glass-handrail_1262-7287.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Great Listener", quote: "Eric truly listened to my ideas and created exactly what we needed.", name: "Sarah J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "t2", title: "Creative Solutions", quote: "His design provided workable solutions for our sloped yard.", name: "Mike D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7051.jpg" },
|
||||
{ id: "t3", title: "Difficult Space", quote: "Forma transformed our small yard into a beautiful, functional space.", name: "Emily P.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/fresh-ideas-design-be-creative-inspiration-concept_53876-125068.jpg" },
|
||||
{ id: "t4", title: "Professionalism", quote: "Extremely professional, easy to work with and very creative.", name: "David R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-decorating-home_23-2150633325.jpg" },
|
||||
{ id: "t5", title: "Buildable Plans", quote: "The final plans were clear, buildable, and stunningly beautiful.", name: "Anna S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/serious-clerk-with-phone-glass-handrail_1262-7287.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our clients say about Forma Outdoor Consulting."
|
||||
@@ -255,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve the Nashville area and surrounding neighborhoods.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle hardscapes?",
|
||||
content: "Yes, we specialize in hardscapes, patios, outdoor kitchens, and pool areas.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I start my project?",
|
||||
content: "Simply click the 'Schedule a Consultation' button and fill out the contact form.",
|
||||
},
|
||||
{ id: "f1", title: "What areas do you serve?", content: "We primarily serve the Nashville area and surrounding neighborhoods." },
|
||||
{ id: "f2", title: "Do you handle hardscapes?", content: "Yes, we specialize in hardscapes, patios, outdoor kitchens, and pool areas." },
|
||||
{ id: "f3", title: "How do I start my project?", content: "Simply click the 'Schedule a Consultation' button and fill out the contact form." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our process and landscape design services."
|
||||
@@ -282,14 +139,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Landscape Association",
|
||||
"Design Excellence Group",
|
||||
"Nashville Construction Guild",
|
||||
"Outdoor Living Specialists",
|
||||
"Property Improvement Partners",
|
||||
"Tree Selection Society",
|
||||
"Hardscape Design Network",
|
||||
]}
|
||||
"Landscape Association", "Design Excellence Group", "Nashville Construction Guild", "Outdoor Living Specialists", "Property Improvement Partners", "Tree Selection Society", "Hardscape Design Network"]}
|
||||
title="Our Accreditations & Partnerships"
|
||||
description="Professional landscape standards."
|
||||
/>
|
||||
@@ -298,9 +148,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Get Started"
|
||||
title="Start Your Project"
|
||||
description="Call us at (615) 804-8244 or send us a message to schedule your consultation."
|
||||
@@ -314,42 +162,21 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user