Add src/app/gallery/page.tsx
This commit is contained in:
176
src/app/gallery/page.tsx
Normal file
176
src/app/gallery/page.tsx
Normal file
@@ -0,0 +1,176 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import { Leaf } from "lucide-react";
|
||||
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Botanica Landscapes"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Our Team", id: "team" },
|
||||
{ name: "Gallery", href: "/gallery" },
|
||||
{ name: "Reviews", href: "/reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Request a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="before-after" data-section="before-after">
|
||||
<ProductCardOne
|
||||
title="Before & After Transformations"
|
||||
description="See the dramatic changes we bring to outdoor spaces."
|
||||
tag="Project Showcase"
|
||||
tagIcon={Leaf}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "ba1-b", name: "Overgrown Space (Before)", price: "", imageSrc: "http://img.b2bpic.net/free-photo/green-grass-with-tree_169016-57434.jpg", imageAlt: "Overgrown garden before landscaping"
|
||||
},
|
||||
{
|
||||
id: "ba1-a", name: "Lush Garden (After)", price: "", imageSrc: "http://img.b2bpic.net/free-photo/lush-garden-beautiful-design_169016-57448.jpg", imageAlt: "Lush garden after landscaping"
|
||||
},
|
||||
{
|
||||
id: "ba2-b", name: "Plain Backyard (Before)", price: "", imageSrc: "http://img.b2bpic.net/free-photo/dirty-park-with-many-branches-ground_140725-70068.jpg", imageAlt: "Plain backyard before renovation"
|
||||
},
|
||||
{
|
||||
id: "ba2-a", name: "Modern Patio (After)", price: "", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-garden-design_169016-57442.jpg", imageAlt: "Modern patio and garden after renovation"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="residential-projects" data-section="residential-projects">
|
||||
<ProductCardOne
|
||||
title="Residential Masterpieces"
|
||||
description="Beautiful landscapes designed for homes across Yuba City."
|
||||
tag="Homes"
|
||||
tagIcon={Leaf}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "res1", name: "Modern Home Garden", price: "", imageSrc: "http://img.b2bpic.net/free-photo/modern-house-with-landscaped-garden_169016-57406.jpg", imageAlt: "Modern house with minimalist garden design"
|
||||
},
|
||||
{
|
||||
id: "res2", name: "Pathway & Flowers", price: "", imageSrc: "http://img.b2bpic.net/free-photo/garden-with-stone-path_169016-57410.jpg", imageAlt: "Garden with stone pathway and colorful flowers"
|
||||
},
|
||||
{
|
||||
id: "res3", name: "Backyard Oasis", price: "", imageSrc: "http://img.b2bpic.net/free-photo/nice-garden-with-chairs_169016-57422.jpg", imageAlt: "Cozy backyard oasis with seating area"
|
||||
},
|
||||
{
|
||||
id: "res4", name: "Family-Friendly Lawn", price: "", imageSrc: "http://img.b2bpic.net/free-photo/green-lawn-with-trees-house_169016-57428.jpg", imageAlt: "Expansive green lawn perfect for families"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="commercial-projects" data-section="commercial-projects">
|
||||
<ProductCardOne
|
||||
title="Commercial Property Enhancements"
|
||||
description="Professional landscaping solutions for businesses and public spaces."
|
||||
tag="Businesses"
|
||||
tagIcon={Leaf}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "com1", name: "Office Frontage", price: "", imageSrc: "http://img.b2bpic.net/free-photo/commercial-building-green-lawn_169016-57303.jpg", imageAlt: "Commercial building with welcoming landscape"
|
||||
},
|
||||
{
|
||||
id: "com2", name: "Manicured Entrance", price: "", imageSrc: "http://img.b2bpic.net/free-photo/office-building-with-manicured-landscaping_169016-57309.jpg", imageAlt: "Office building with neatly manicured entrance"
|
||||
},
|
||||
{
|
||||
id: "com3", name: "Retail Center Design", price: "", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-landscaped-front_169016-57315.jpg", imageAlt: "Retail center with attractive landscape design"
|
||||
},
|
||||
{
|
||||
id: "com4", name: "Public Park Project", price: "", imageSrc: "http://img.b2bpic.net/free-photo/public-park-with-benches-trees_169016-57321.jpg", imageAlt: "Public park landscaping project"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="landscape-maintenance" data-section="landscape-maintenance">
|
||||
<ProductCardOne
|
||||
title="Maintenance in Action"
|
||||
description="Showcasing our dedication to pristine landscape care."
|
||||
tag="Ongoing Care"
|
||||
tagIcon={Leaf}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "lm1", name: "Hedge Trimming", price: "", imageSrc: "http://img.b2bpic.net/free-photo/gardener-trimming-bush_169016-57218.jpg", imageAlt: "Gardener trimming a hedge"
|
||||
},
|
||||
{
|
||||
id: "lm2", name: "Lawn Mowing", price: "", imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-grass_169016-57209.jpg", imageAlt: "Lawnmower cutting grass in a backyard"
|
||||
},
|
||||
{
|
||||
id: "lm3", name: "Flower Bed Weeding", price: "", imageSrc: "http://img.b2bpic.net/free-photo/gardener-working-flower-bed_169016-57199.jpg", imageAlt: "Gardener weeding a flower bed"
|
||||
},
|
||||
{
|
||||
id: "lm4", name: "Irrigation Check", price: "", imageSrc: "http://img.b2bpic.net/free-photo/sprinkler-system-watering-garden_169016-57190.jpg", imageAlt: "Technician checking irrigation system"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Commercial Landscaping", href: "#services" },
|
||||
{ label: "Residential Landscaping", href: "#services" },
|
||||
{ label: "Landscape Maintenance", href: "#services" },
|
||||
{ label: "Landscape Design", href: "#services" },
|
||||
{ label: "Lawn Care", href: "#services" },
|
||||
{ label: "Irrigation Services", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Team", href: "#team" },
|
||||
{ label: "Testimonials", href: "/reviews" },
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "(530) 671-1029", href: "tel:5306711029" },
|
||||
{ label: "5411 CA-20, Yuba City, CA 95993" },
|
||||
{ label: "info@botanicalandscapes.com", href: "mailto:info@botanicalandscapes.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Botanica Landscapes. All rights reserved."
|
||||
bottomRightText="Women-Owned Landscaping in Yuba City, CA"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user