Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f7a93cf39b | |||
| 1c2fd95f2b | |||
| 102d4a859d | |||
| 2482a5bc70 |
382
src/app/page.tsx
382
src/app/page.tsx
@@ -2,15 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,338 +21,50 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Arte Verde Vivero"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Contacto", id: "contact" }
|
||||
]}
|
||||
brandName="Arte Verde Vivero"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Arte Verde Vivero: Vida en Verde"
|
||||
description="Transforming spaces and hearts with our collection of vibrant, healthy tropical plants and expert nursery care right here in Costa Rica."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Plant Varieties",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Plants Sold",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Plants",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gardening-concept-with-plants-apron_23-2149008013.jpg"
|
||||
imageAlt="vibrant plant nursery greenhouse"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardening_23-2148020449.jpg",
|
||||
alt: "Gardening",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/composition-from-flowers-plants-lit-candles-as-part-decorations-wooden-table_181624-59023.jpg",
|
||||
alt: "Composition from flowers plants and lit candles as part decorations on a wooden table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pineapples-ready-sale_23-2151526658.jpg",
|
||||
alt: "Pineapples ready for sale",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/growing-plants-home-concept_23-2148928466.jpg",
|
||||
alt: "Growing plants at home concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-with-schlumbergera-plant_1398-317.jpg",
|
||||
alt: "mature woman with Schlumbergera plant",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ happy plant parents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Growing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Servicios Profesionales de Instalación de Césped"
|
||||
description="Instalación experta de césped para su propiedad en Costa Rica. Cuéntenos sobre su proyecto y le enviaremos una cotización gratuita."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nombre Completo", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Dirección de Correo Electrónico", required: true },
|
||||
{ name: "location", type: "text", placeholder: "Ubicación de la Propiedad/Ciudad", required: true },
|
||||
{ name: "area", type: "text", placeholder: "Área Estimada (m²)", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "details", placeholder: "Describa los requerimientos de su proyecto", rows: 5
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
buttonText="Solicitar Cotización"
|
||||
onSubmit={(data) => console.log("Formulario enviado:", data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Growing Nature's Beauty"
|
||||
description="At Arte Verde Vivero, we believe that every home deserves a touch of nature. Our nursery provides the highest quality plants, ensuring each piece is ready to flourish in your unique environment."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-wearing-hat-cutting-flowers-plant-with-shears_23-2147948176.jpg"
|
||||
imageAlt="nursery gardener taking care of plants"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tropical Monstera",
|
||||
price: "₡8,500",
|
||||
variant: "Large Leaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-swiss-cheese-plant_23-2148058922.jpg",
|
||||
imageAlt: "potted house plant ceramic",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Desert Succulent",
|
||||
price: "₡3,500",
|
||||
variant: "Small Pot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-indoor-plants_23-2151024988.jpg",
|
||||
imageAlt: "succulent plant arrangement",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fiddle Leaf Fig",
|
||||
price: "₡15,000",
|
||||
variant: "Tall Floor Plant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-decor-with-mostera-plant-wooden-shelf_23-2149428015.jpg",
|
||||
imageAlt: "large fiddle leaf fig tree",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hanging Fern",
|
||||
price: "₡6,500",
|
||||
variant: "Hanging Basket",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-hobby-growing-indoor-plants-home_185193-108767.jpg",
|
||||
imageAlt: "ferns in terracotta pots",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Trailing Ivy",
|
||||
price: "₡4,500",
|
||||
variant: "Decorative Ivy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-background_23-2148127864.jpg",
|
||||
imageAlt: "hanging ivy basket decor",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Exotic Orchid",
|
||||
price: "₡9,000",
|
||||
variant: "Floral",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fantastic-flowers_23-2147609534.jpg",
|
||||
imageAlt: "beautiful flowering orchid plant",
|
||||
},
|
||||
]}
|
||||
title="Our Plant Collection"
|
||||
description="Discover a curated selection of lush greenery, from elegant indoor foliage to hardy succulents, all grown with love at Arte Verde."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Guidance",
|
||||
title: "Expert Plant Care Advice",
|
||||
items: [
|
||||
"Soil moisture checks",
|
||||
"Light requirement guides",
|
||||
"Pest protection tips",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Delivery",
|
||||
title: "Safe Transport",
|
||||
items: [
|
||||
"Secure local courier",
|
||||
"Gentle handling",
|
||||
"Quick delivery window",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Support",
|
||||
title: "Post-Sale Care",
|
||||
items: [
|
||||
"Repotting assistance",
|
||||
"Fertilizer recommendations",
|
||||
"Direct expert contact",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Care & Services"
|
||||
description="Beyond providing plants, we support your botanical journey with professional advice and nursery services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana Rodriguez",
|
||||
role: "Plant Lover",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-florist-apron-standing-with-garden-scissors-hand-young-lady-joyfully-looking-camera-while-working-with-flowers_574295-1514.jpg",
|
||||
imageAlt: "happy customer plant shop",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Luis Gomez",
|
||||
role: "Garden Enthusiast",
|
||||
company: "Home Garden",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-growing-plants-home_23-2148928469.jpg",
|
||||
imageAlt: "customer holding beautiful indoor plant",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Silva",
|
||||
role: "Designer",
|
||||
company: "Interior Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-working-florist-shop-celebrating-crazy-amazed-success-with-open-eyes-screaming-excited_839833-8965.jpg",
|
||||
imageAlt: "client visiting plant greenhouse",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Carlos Ruiz",
|
||||
role: "Customer",
|
||||
company: "Local Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-florist-her-nursery-standing-holding-potted-chrysanthemums-her-hands-as-she-tends-gardenplants-greenhouse_158595-7094.jpg",
|
||||
imageAlt: "satisfied plant nursery client",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Vega",
|
||||
role: "Plant Hobbyist",
|
||||
company: "Urban Gardening",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-gardener-man-wearing-jumpsuit-holding-potted-plants-looking-front-smiling-cheerfully-standing-light-green-wall_141793-96908.jpg",
|
||||
imageAlt: "smiling nursery store visitor",
|
||||
},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Join the many plant lovers in Costa Rica who trust us with their home and garden greenery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Unique Species Cultivated",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2,000+",
|
||||
description: "Successful Deliveries",
|
||||
},
|
||||
]}
|
||||
title="Nursery Growth Metrics"
|
||||
description="Celebrating milestones in our journey to make Costa Rica greener."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Visit or Write Us"
|
||||
description="Have questions about your plants? Send us a message or visit our greenhouse location."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-girl-with-bouquet-white-flowers_1157-1465.jpg"
|
||||
imageAlt="nursery greenhouse path sunlight"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Arte Verde Vivero"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Arte Verde Vivero"
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios", items: [{ label: "Instalación de Césped", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
title: "Empresa", items: [{ label: "Sobre Nosotros", href: "#" }]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Arte Verde Vivero. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user