134 lines
9.2 KiB
TypeScript
134 lines
9.2 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="medium"
|
||
background="fluid"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Our Story", id: "story" },
|
||
{ name: "Menu", id: "menu" },
|
||
{ name: "Reviews", id: "reviews" },
|
||
{ name: "Visit Us", id: "contact" },
|
||
]}
|
||
brandName="Hierbas"
|
||
button={{ text: "Order Now", href: "#menu" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Nature’s Finest Apothecary"
|
||
description="Cultivating wellness through organic harvest and artisanal care. Discover our selection of flower, concentrates, and curated goods."
|
||
testimonials={[
|
||
{ name: "Elena R.", handle: "@elena_wellness", testimonial: "The best selection in the city. The vibe is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-bohemian-woman_23-2149726235.jpg" },
|
||
{ name: "Marcus T.", handle: "@marcus_c", testimonial: "Finally, a place that cares about quality as much as I do.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-pharmaceutical-industry_23-2151684866.jpg" },
|
||
{ name: "Sarah L.", handle: "@sarah_h", testimonial: "The staff are like pharmacists of the earth. So helpful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-pharmaceutical-industry_23-2151684871.jpg" },
|
||
{ name: "David K.", handle: "@david_k", testimonial: "Top quality products and even better service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-products-basket-deli-store_627829-9473.jpg" },
|
||
{ name: "Nina M.", handle: "@nina_m", testimonial: "A sanctuary for herbal wellness seekers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-doing-groceries_23-2149284867.jpg" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/cloths-made-with-different-natural-pigments-assortment_23-2148734251.jpg"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/young-vendor-giving-free-apple-samples-clients_482257-77573.jpg", alt: "Customer avatar 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-women-shopping-food_23-2149151650.jpg", alt: "Customer avatar 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/caucasian-farmer-with-apron-presenting-organic-farming-products_482257-77585.jpg", alt: "Customer avatar 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-surrounded-by-money_23-2151683235.jpg", alt: "Customer avatar 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/elderly-woman-shopping-customer-day_23-2151638467.jpg", alt: "Customer avatar 5" },
|
||
]}
|
||
avatarText="Join 5,000+ local herbal wellness enthusiasts"
|
||
/>
|
||
</div>
|
||
|
||
<div id="story" data-section="story">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="From Our Earth to Your Counter"
|
||
description={[
|
||
"Hierbas began with a simple philosophy: honor the plant, respect the soil, and serve the community.", "Our apothecary meets modern farmers market, sourcing only the finest curated goods for those who seek authentic, organic quality."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "1", brand: "Hierbas", name: "Golden Flower", price: "$45", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/cloves-bay-leaves-near-blurred-turmeric_23-2147773428.jpg" },
|
||
{ id: "2", brand: "Hierbas", name: "Amber Wax", price: "$60", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/yellow-sugar-candies-marble-table_114579-75860.jpg" },
|
||
{ id: "3", brand: "Hierbas", name: "Diamond Pure", price: "$85", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-wood-wall-cinnamon-sticks-star-anise-lemon_169016-5212.jpg" },
|
||
{ id: "4", brand: "Hierbas", name: "Emerald Bud", price: "$40", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336291.jpg" },
|
||
{ id: "5", brand: "Hierbas", name: "Botanical Essence", price: "$35", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/aged-wood-surface-with-chipping_23-2148394701.jpg" },
|
||
{ id: "6", brand: "Hierbas", name: "Cormorant Bloom", price: "$50", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-plant-concept_23-2148578479.jpg" }
|
||
]}
|
||
title="Curated Menu"
|
||
description="Discover our selection of flower, wax, and THCA diamonds."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", name: "Alice G.", date: "Oct 2023", title: "Perfect quality", quote: "The attention to detail in their product selection is remarkable.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-shopping-organic-products_23-2148672825.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cloths-made-with-different-natural-pigments-assortment_23-2148734251.jpg", imageAlt: "happy customer apothecary shop" },
|
||
{ id: "2", name: "Bob V.", date: "Sep 2023", title: "New favorite", quote: "A truly organic experience. I feel better knowing the origin.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-selling-crops-from-her-garden_329181-16499.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-green-apple_23-2148289389.jpg", imageAlt: "happy customer apothecary shop" },
|
||
{ id: "3", name: "Charlie M.", date: "Aug 2023", title: "Top tier service", quote: "Knowledgeable staff and a beautiful, warm atmosphere.", tag: "Frequent", avatarSrc: "http://img.b2bpic.net/free-photo/profile-charming-professional-young-female-designer-dressed-stylish-wear-enjoying-process-creation-holding-pencil-sketching-large-tablet-people-creativity-art-design-concept_273609-329.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cloves-bay-leaves-near-blurred-turmeric_23-2147773428.jpg", imageAlt: "happy customer apothecary shop" },
|
||
{ id: "4", name: "Dana L.", date: "Jul 2023", title: "Authentic vibes", quote: "Feels like a high-end apothecary. My go-to spot.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/vendor-checking-quality-organic-items_482257-90439.jpg", imageSrc: "http://img.b2bpic.net/free-photo/yellow-sugar-candies-marble-table_114579-75860.jpg", imageAlt: "happy customer apothecary shop" },
|
||
{ id: "5", name: "Evan K.", date: "Jun 2023", title: "Highly recommended", quote: "Quality is consistent and the vibe is always great.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039428.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-wood-wall-cinnamon-sticks-star-anise-lemon_169016-5212.jpg", imageAlt: "happy customer apothecary shop" }
|
||
]}
|
||
title="Community Voices"
|
||
description="Hear what our patrons say about the Hierbas experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Visit Us"
|
||
description="123 Verde Street. Hours: 9am - 9pm daily. Call us: (555) 000-0000"
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Name" },
|
||
{ name: "email", type: "email", placeholder: "Email" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/village-landscape_1182-836.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{ items: [{ label: "About", href: "#story" }, { label: "Menu", href: "#menu" }, { label: "Reviews", href: "#reviews" }] },
|
||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Disclaimer", href: "#" }] },
|
||
]}
|
||
logoText="Hierbas Apothecary"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|