Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Consultation",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Consultation", id: "#contact"},
|
||||
]}
|
||||
brandName="The Narrow Lane"
|
||||
/>
|
||||
@@ -54,66 +46,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Outdoor Spaces Designed to Feel Like Home"
|
||||
description="With over 17 years of experience serving Needham, we transform properties into bespoke outdoor retreats. Design-first planning, artisan craftsmanship, and a 5.0-star experience every step of the way."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule a Consultation", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg"
|
||||
imageAlt="High-end backyard transformation"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg", alt: "Client A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg", alt: "Client B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg", alt: "Client C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg", alt: "Client D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg", alt: "Client E"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "17+ Years Experience",
|
||||
},
|
||||
type: "text", text: "17+ Years Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "5.0-Star Rated",
|
||||
},
|
||||
type: "text", text: "5.0-Star Rated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Needham Based",
|
||||
},
|
||||
type: "text", text: "Needham Based"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design-Build",
|
||||
},
|
||||
type: "text", text: "Design-Build"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Quality",
|
||||
},
|
||||
type: "text", text: "Artisan Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,12 +90,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"5.0 Rating (87+ Reviews)",
|
||||
"17+ Years Experience",
|
||||
"Background Checked Team",
|
||||
"Design + Build Experts",
|
||||
"Serving Needham & Surrounding Areas",
|
||||
]}
|
||||
"5.0 Rating (87+ Reviews)", "17+ Years Experience", "Background Checked Team", "Design + Build Experts", "Serving Needham & Surrounding Areas"]}
|
||||
title="Trusted Experts in Needham"
|
||||
description="Delivering exceptional results with a dedicated team of design-build professionals."
|
||||
/>
|
||||
@@ -142,47 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Custom Backyard Oasis",
|
||||
price: "Featured Project",
|
||||
variant: "Outdoor Living",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Custom Backyard Oasis", price: "Featured Project", variant: "Outdoor Living", imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Patio & Pool",
|
||||
price: "Featured Project",
|
||||
variant: "Hardscaping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Modern Patio & Pool", price: "Featured Project", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Property Reimagined",
|
||||
price: "Featured Project",
|
||||
variant: "Design & Build",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Property Reimagined", price: "Featured Project", variant: "Design & Build", imageSrc: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Front Yard Elegance",
|
||||
price: "Featured Project",
|
||||
variant: "Garden Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Front Yard Elegance", price: "Featured Project", variant: "Garden Design", imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Retaining Wall Stonework",
|
||||
price: "Featured Project",
|
||||
variant: "Hardscaping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Retaining Wall Stonework", price: "Featured Project", variant: "Hardscaping", imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Outdoor Kitchen Haven",
|
||||
price: "Featured Project",
|
||||
variant: "Outdoor Living",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Outdoor Kitchen Haven", price: "Featured Project", variant: "Outdoor Living", imageSrc: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg"},
|
||||
]}
|
||||
title="Featured Transformations"
|
||||
description="Explore our portfolio of curated outdoor living spaces and comprehensive property renovations."
|
||||
@@ -196,36 +128,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Landscape Design & Planning",
|
||||
description: "A tailored blueprint for your property.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg?_wi=2",
|
||||
imageAlt: "luxury backyard landscaping design high-end",
|
||||
title: "Landscape Design & Planning", description: "A tailored blueprint for your property.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Hardscaping",
|
||||
description: "Custom patios, driveways, and stonework.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg?_wi=3",
|
||||
imageAlt: "custom stone patio fire pit transformation",
|
||||
title: "Hardscaping", description: "Custom patios, driveways, and stonework.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Outdoor Living",
|
||||
description: "Kitchens, fire features, and seating areas.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg?_wi=3",
|
||||
imageAlt: "modern swimming pool landscape design",
|
||||
title: "Outdoor Living", description: "Kitchens, fire features, and seating areas.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Planting & Garden Design",
|
||||
description: "Native and seasonal, low-maintenance landscapes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg?_wi=3",
|
||||
imageAlt: "stone retaining wall custom driveway design",
|
||||
title: "Planting & Garden Design", description: "Native and seasonal, low-maintenance landscapes.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Premium Design & Build Services"
|
||||
@@ -240,29 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "1. Consultation & Vision",
|
||||
description: "Understanding your goals and project site.",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Process",
|
||||
subheading: "Four simple steps",
|
||||
items: [
|
||||
title: "1. Consultation & Vision", description: "Understanding your goals and project site.", bentoComponent: "timeline", heading: "Process", subheading: "Four simple steps", items: [
|
||||
{
|
||||
label: "Initial Discovery",
|
||||
detail: "On-site assessment",
|
||||
},
|
||||
label: "Initial Discovery", detail: "On-site assessment"},
|
||||
{
|
||||
label: "Design Concept",
|
||||
detail: "Drafting vision",
|
||||
},
|
||||
label: "Design Concept", detail: "Drafting vision"},
|
||||
{
|
||||
label: "Final Build",
|
||||
detail: "Artisan execution",
|
||||
},
|
||||
label: "Final Build", detail: "Artisan execution"},
|
||||
],
|
||||
completedLabel: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg?_wi=3",
|
||||
imageAlt: "luxury backyard landscaping design high-end",
|
||||
},
|
||||
completedLabel: "Completed"},
|
||||
]}
|
||||
title="Our Design-First Process"
|
||||
description="Collaborative, clear, and focused on seamless execution from consultation to final walkthrough."
|
||||
@@ -276,50 +174,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "Needham Resident",
|
||||
testimonial: "Transformed our backyard into a beautiful outdoor living space that feels like a resort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg?_wi=4",
|
||||
imageAlt: "custom stone patio fire pit transformation",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "Needham Resident", testimonial: "Transformed our backyard into a beautiful outdoor living space that feels like a resort.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg", imageAlt: "custom stone patio fire pit transformation"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Extremely professional, organized, and responsive throughout the entire project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg?_wi=4",
|
||||
imageAlt: "modern swimming pool landscape design",
|
||||
},
|
||||
id: "2", name: "Michael R.", handle: "Homeowner", testimonial: "Extremely professional, organized, and responsive throughout the entire project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg", imageAlt: "modern swimming pool landscape design"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily D.",
|
||||
handle: "Local Client",
|
||||
testimonial: "The design process felt personal and thoughtful. Truly a design-first team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg?_wi=4",
|
||||
imageAlt: "stone retaining wall custom driveway design",
|
||||
},
|
||||
id: "3", name: "Emily D.", handle: "Local Client", testimonial: "The design process felt personal and thoughtful. Truly a design-first team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wall-concrete-blocks_53876-64726.jpg", imageAlt: "stone retaining wall custom driveway design"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "Needham Local",
|
||||
testimonial: "Seamless process from start to finish. Worth every penny of our investment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg?_wi=4",
|
||||
imageAlt: "luxury backyard landscaping design high-end",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "Needham Local", testimonial: "Seamless process from start to finish. Worth every penny of our investment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg", imageAlt: "luxury backyard landscaping design high-end"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer M.",
|
||||
handle: "Recent Client",
|
||||
testimonial: "The craftsmanship and attention to detail are second to none in this area.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg?_wi=5",
|
||||
imageAlt: "custom stone patio fire pit transformation",
|
||||
},
|
||||
id: "5", name: "Jennifer M.", handle: "Recent Client", testimonial: "The craftsmanship and attention to detail are second to none in this area.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18715.jpg", imageAlt: "custom stone patio fire pit transformation"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Refined Client Experiences"
|
||||
@@ -331,16 +199,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Start Your Outdoor Transformation"
|
||||
description="Request your design consultation today and let's craft your ideal outdoor space together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Consultation",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Consultation", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -350,42 +215,27 @@ export default function LandingPage() {
|
||||
logoText="The Narrow Lane"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design", href: "#"},
|
||||
{
|
||||
label: "Hardscaping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hardscaping", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user