Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
300
src/app/page.tsx
300
src/app/page.tsx
@@ -32,45 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Shama Landscape Architects"
|
||||
button={{ text: "Get In Touch", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Shama Landscape Architects"
|
||||
description="Crafting timeless outdoor spaces that blend architectural precision with the natural landscape. Elevating environments through sustainable design."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Get Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Projects", href: "#portfolio" },
|
||||
{ text: "Get Consultation", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,21 +61,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Design With Purpose"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Completed",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Sustainable Focus",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Leaf, label: "Years Experience", value: "15+" },
|
||||
{ icon: Award, label: "Projects Completed", value: "200+" },
|
||||
{ icon: Globe, label: "Sustainable Focus", value: "100%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,65 +76,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Initial Consultation",
|
||||
description: "Analyzing soil, typography, and sunlight patterns to ground our design approach.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-architectural-project-desk_23-2148346292.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Map,
|
||||
text: "Site Analysis",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Client Briefing",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg?_wi=2",
|
||||
imageAlt: "modern eco-friendly landscaping",
|
||||
title: "Initial Consultation", description: "Analyzing soil, typography, and sunlight patterns to ground our design approach.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-architectural-project-desk_23-2148346292.jpg" },
|
||||
items: [{ icon: Map, text: "Site Analysis" }, { icon: Users, text: "Client Briefing" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Conceptual Design",
|
||||
description: "Translating vision into architectural drawings that respect native ecosystems.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: PenTool,
|
||||
text: "Schematic Design",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Planting Palette",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg",
|
||||
imageAlt: "modern eco-friendly landscaping",
|
||||
title: "Conceptual Design", description: "Translating vision into architectural drawings that respect native ecosystems.", media: { imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg" },
|
||||
items: [{ icon: PenTool, text: "Schematic Design" }, { icon: Palette, text: "Planting Palette" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Implementation",
|
||||
description: "Precise execution of landscapes with a commitment to quality craftsmanship.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-blends-with-nature-s-vibrant-colors-generated-by-ai_188544-30782.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Project Logistics",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Quality Control",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30874.jpg?_wi=1",
|
||||
imageAlt: "modern eco-friendly landscaping",
|
||||
},
|
||||
title: "Implementation", description: "Precise execution of landscapes with a commitment to quality craftsmanship.", media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-blends-with-nature-s-vibrant-colors-generated-by-ai_188544-30782.jpg" },
|
||||
items: [{ icon: Truck, text: "Project Logistics" }, { icon: CheckCircle, text: "Quality Control" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Holistic Process"
|
||||
description="Every design starts with a deep understanding of the land and our client’s vision, resulting in environments that flourish over time."
|
||||
@@ -179,42 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Residential Villa",
|
||||
price: "Renovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Corporate Courtyard",
|
||||
price: "Modern Office",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-afro-dreadlocks-posing-while-out-city-tree_23-2149442520.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Public Park Plaza",
|
||||
price: "Urban Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-working-eco-friendly-wind-power-project-with-wind-turbines_23-2148847776.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hillside Retreat",
|
||||
price: "Architecture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sustainable Rooftop",
|
||||
price: "Green Build",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-bamboo-stick_23-2147791929.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Botanical Pavilion",
|
||||
price: "Public Space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488214.jpg",
|
||||
},
|
||||
{ id: "1", name: "Residential Villa", price: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-picture-female-doing-gardening_181624-31754.jpg" },
|
||||
{ id: "2", name: "Corporate Courtyard", price: "Modern Office", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-afro-dreadlocks-posing-while-out-city-tree_23-2149442520.jpg" },
|
||||
{ id: "3", name: "Public Park Plaza", price: "Urban Design", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-working-eco-friendly-wind-power-project-with-wind-turbines_23-2148847776.jpg" },
|
||||
{ id: "4", name: "Hillside Retreat", price: "Architecture", imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg" },
|
||||
{ id: "5", name: "Sustainable Rooftop", price: "Green Build", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-bamboo-stick_23-2147791929.jpg" },
|
||||
{ id: "6", name: "Botanical Pavilion", price: "Public Space", imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488214.jpg" }
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A glimpse into our recent landscape transformations."
|
||||
@@ -228,27 +122,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years",
|
||||
description: "Of dedicated service",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Landscapes",
|
||||
description: "Crafted with passion",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Awards",
|
||||
description: "For excellence in design",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years", description: "Of dedicated service", icon: Calendar },
|
||||
{ id: "m2", value: "200+", title: "Landscapes", description: "Crafted with passion", icon: Leaf },
|
||||
{ id: "m3", value: "50+", title: "Awards", description: "For excellence in design", icon: Award }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measured in beautiful spaces and client satisfaction."
|
||||
@@ -261,46 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "Residential Client",
|
||||
testimonial: "The design work exceeded all our expectations, blending functionality with pure nature.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30874.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "Architect",
|
||||
testimonial: "Their attention to detail and botanical knowledge is truly unmatched in the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7008.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
handle: "Villa Owner",
|
||||
testimonial: "Transformative design that has made our garden the center of our lives.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-resting-lying-hammock-with-mobile-phone_343596-685.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chan",
|
||||
handle: "Office Manager",
|
||||
testimonial: "Our office courtyard is now a sanctuary for the whole team. Thank you, Shama.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548739.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lydia James",
|
||||
handle: "Developer",
|
||||
testimonial: "An incredible eye for sustainable planning and long-term landscape health.",
|
||||
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-7120.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", handle: "Residential Client", testimonial: "The design work exceeded all our expectations, blending functionality with pure nature.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30874.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "Architect", testimonial: "Their attention to detail and botanical knowledge is truly unmatched in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7008.jpg" },
|
||||
{ id: "3", name: "Elena Rossi", handle: "Villa Owner", testimonial: "Transformative design that has made our garden the center of our lives.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-resting-lying-hammock-with-mobile-phone_343596-685.jpg" },
|
||||
{ id: "4", name: "David Chan", handle: "Office Manager", testimonial: "Our office courtyard is now a sanctuary for the whole team. Thank you, Shama.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548739.jpg" },
|
||||
{ id: "5", name: "Lydia James", handle: "Developer", testimonial: "An incredible eye for sustainable planning and long-term landscape health.", 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-7120.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
@@ -313,21 +154,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a landscape project take?",
|
||||
content: "Depending on complexity, design and implementation can take from 2 to 6 months.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide plant maintenance?",
|
||||
content: "Yes, we offer ongoing stewardship programs to ensure your garden matures correctly.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you work with small city gardens?",
|
||||
content: "Our expertise spans across all project scales, from small urban balconies to vast estates.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a landscape project take?", content: "Depending on complexity, design and implementation can take from 2 to 6 months." },
|
||||
{ id: "f2", title: "Do you provide plant maintenance?", content: "Yes, we offer ongoing stewardship programs to ensure your garden matures correctly." },
|
||||
{ id: "f3", title: "Can you work with small city gardens?", content: "Our expertise spans across all project scales, from small urban balconies to vast estates." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your landscape journey with us."
|
||||
@@ -338,18 +167,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to transform your land?"
|
||||
description="Let's start your project journey with a professional consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -358,45 +180,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/metallic-straw-fake-leaf-with-copy-space_23-2148289757.jpg"
|
||||
logoText="Shama Landscape Architects"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Process", href: "#process" }] },
|
||||
{ title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user