Files
ed7a3dd4-0516-495b-9fad-991…/src/app/page.tsx
2026-05-07 08:46:47 +00:00

246 lines
11 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Droplets, Leaf, Wrench } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="outline"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Collection", id: "products"},
{
name: "FAQ", id: "faq"},
]}
brandName="Aura Verdant"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Bring Nature Home in Tbilisi"
description="Expertly curated, pet-friendly plants delivered with lifelong care guidance."
buttons={[
{
text: "Explore Collection", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/indoor-plant-textures-details_23-2149072353.jpg"
imageAlt="Aura Verdant greenery"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-monstera-leaves_23-2147837060.jpg", alt: "Close-up of monstera leaves"},
{
src: "http://img.b2bpic.net/free-photo/green-leaves-sunlight_23-2151974019.jpg", alt: "Green leaves in sunlight"},
{
src: "http://img.b2bpic.net/free-photo/leaves-white-background_1162-192.jpg", alt: "Leaves on a white background"},
{
src: "http://img.b2bpic.net/free-photo/closeup-leaves-plant-garden-daytime_181624-56364.jpg", alt: "Closeup of leaves of a plant in a garden during the daytime"},
{
src: "http://img.b2bpic.net/free-photo/green-bokeh-nature-blur-element-design_1150-12291.jpg", alt: "Green bokeh on nature blur. Element of design."},
]}
avatarText="Join 1,000+ happy plant owners"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Cultivating Verdant Living"
description="At Aura Verdant, we specialize in high-quality botanical installations that breathe life into your living spaces. Our Tbilisi-based studio bridges the gap between urban architecture and the natural world."
bulletPoints={[
{
title: "Rare Species", description: "Hand-picked exotic varieties sourced globally."},
{
title: "Design Expertise", description: "Consultation and installation for any space."},
{
title: "Botanical Wellness", description: "Promoting clean air and serene mental health."},
]}
imageSrc="http://img.b2bpic.net/free-photo/room-decor-with-potted-plants-candles-holders_23-2149427993.jpg"
imageAlt="Our studio interior"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Leaf,
title: "Sustainable Care", description: "Eco-friendly methods for all plant health."},
{
icon: Droplets,
title: "Hydration Solutions", description: "Smart care systems for your plants."},
{
icon: Wrench,
title: "Expert Styling", description: "Custom placement and aesthetic guidance."},
]}
title="Our Botanical Promise"
description="Quality, service, and design excellence in every leaf."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1", name: "Potted Paradise", price: "GEL 120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-collection-green-leafs-concept_23-2148535987.jpg"},
{
id: "2", name: "Majestic Monstera", price: "GEL 250", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-leaf-closeup_23-2148245150.jpg"},
{
id: "3", name: "Succulent Harmony", price: "GEL 80", imageSrc: "http://img.b2bpic.net/free-photo/pastel-watercolor-background-with-houseplant-succulents_53876-126992.jpg"},
{
id: "4", name: "Hanging Vine Haven", price: "GEL 150", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899455.jpg"},
{
id: "5", name: "Peaceful Lily", price: "GEL 95", imageSrc: "http://img.b2bpic.net/free-photo/houseplant-with-long-leaves-pot-against-wooden-wall-lights_181624-14719.jpg"},
{
id: "6", name: "Artistic Bonsai", price: "GEL 320", imageSrc: "http://img.b2bpic.net/free-photo/potted-plant-scissors-table-arrangement_23-2149391919.jpg"},
]}
title="Our Curated Collection"
description="Explore the finest selections of rare indoor plants, curated for the modern Tbilisi home."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Nina Giorgadze", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-gardener-wearing-gardening-hat-holding-flower-flowerpot-head-isolated-pink-wall_141793-127682.jpg"},
{
id: "2", name: "David Tskitishvili", imageSrc: "http://img.b2bpic.net/free-photo/man-tending-collection-succulents_23-2151998519.jpg"},
{
id: "3", name: "Lika Kalandadze", imageSrc: "http://img.b2bpic.net/free-photo/bright-composition-leaves-envelope_23-2147694206.jpg"},
{
id: "4", name: "George Kvitsiani", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-greenhouse-owners-working-plant-nursery-communicating-by-lemon-tree_637285-1437.jpg"},
{
id: "5", name: "Sopho Abashidze", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg"},
]}
cardTitle="Loved by Tbilisi"
cardTag="Our Community"
cardAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "1.2k+", title: "Plants Installed", description: "Successfully thriving in homes.", imageSrc: "http://img.b2bpic.net/free-photo/wooden-pier-reflecting-sea-beautiful-sunset-sky_181624-19412.jpg"},
{
id: "m2", value: "450+", title: "Happy Clients", description: "Trusting our verdant vision.", imageSrc: "http://img.b2bpic.net/free-photo/brown-tan-ground-with-shadow-tree-it_91008-479.jpg"},
{
id: "m3", value: "20+", title: "Rare Species", description: "Curated exotic varieties available.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-dew-droplets-green-leaves_181624-41166.jpg"},
]}
title="Impact by Numbers"
description="Growth and green impact across our Tbilisi community."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1", title: "Do you offer maintenance?", content: "Yes, we provide seasonal checkups."},
{
id: "2", title: "How is delivery handled?", content: "Professional handling within Tbilisi."},
{
id: "3", title: "Are these plants safe for pets?", content: "We label pet-friendly options clearly."},
]}
sideTitle="Questions? Ask Away."
sideDescription="Everything you need to know about plant care and our services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
tag="Get in Touch"
title="Start Your Verdant Journey"
description="Contact us today for a consultation or shop visit."
buttons={[
{
text: "Email Us", href: "mailto:hello@auraverdant.ge"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Aura Verdant", items: [
{
label: "About Us", href: "#about"},
{
label: "Shop", href: "#products"},
],
},
{
title: "Resources", items: [
{
label: "FAQ", href: "#faq"},
{
label: "Blog", href: "#"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms", href: "#"},
],
},
]}
bottomLeftText="© 2024 Aura Verdant Tbilisi."
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}