287 lines
13 KiB
TypeScript
287 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, Droplet, Globe, Heart, Leaf, Package, Sparkles, Sun } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Ingredients", id: "#ingredients"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Guava Whiskey"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Experience the Exotic: Guava Whiskey"
|
|
description="Crafted with the vibrant spirit of tropical guava and the rich heritage of fine whiskey. A taste of paradise in every sip."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-hipster-with-dreads-has-pleasant-smile-has-white-teeth-happy-hear-good-news-wears-bright-clothes_273609-33580.jpg", alt: "John Doe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg", alt: "Jane Smith"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Robert Brown"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-queer-woman-posing-with-copy-space_23-2151177818.jpg", alt: "Emily White"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "David Green"},
|
|
]}
|
|
avatarText="Join over 10,000 satisfied connoisseurs"
|
|
buttons={[
|
|
{
|
|
text: "Discover Our Story", href: "#about"},
|
|
{
|
|
text: "Shop Now", href: "#products"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Tropical Fusion", icon: Package,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Handcrafted Quality", icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Award-Winning Taste", icon: Award,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Exotic Experience", icon: Globe,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Sustainable Sourcing", icon: Leaf,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="The Heart of Guava Whiskey"
|
|
description="Our journey began with a passion for innovation and a quest for unparalleled flavor. We meticulously blend traditional whiskey-making techniques with the exotic essence of ripe guava, creating a spirit that defies expectations and delights the senses."
|
|
bulletPoints={[
|
|
{
|
|
title: "Handcrafted Excellence", description: "Each batch is carefully crafted by master distillers, ensuring premium quality.", icon: Heart,
|
|
},
|
|
{
|
|
title: "Tropical Infusion", description: "Real, ripe guava is infused at the peak of its flavor for a truly exotic taste.", icon: Sun,
|
|
},
|
|
{
|
|
title: "Smooth Finish", description: "Aged to perfection, our whiskey offers an incredibly smooth and lingering finish.", icon: Droplet,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wine-cellar-with-old-wine-barrels-front-view_23-2149428785.jpg"
|
|
imageAlt="Whiskey barrels in a distillery"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="ingredients" data-section="ingredients">
|
|
<FeatureCardSixteen
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"No Artificial Flavors", "No Added Sugars", "No Chemical Preservatives"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Ripe Guava", "Aged Grains", "Pure Spring Water", "Oak Barrel Infusion"],
|
|
}}
|
|
title="Pure Ingredients, Unforgettable Taste"
|
|
titleSegments={[
|
|
{
|
|
type: "text", content: "Pure Ingredients, "},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/guava-fruit-still-life_23-2151551038.jpg", alt: "Guava icon"},
|
|
{
|
|
type: "text", content: " Unforgettable Taste"},
|
|
]}
|
|
description="Each sip of Guava Whiskey is a symphony of carefully selected, natural ingredients. We believe in transparency and quality, ensuring every component contributes to its distinctive character."
|
|
tag="Our Recipe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "classic-bottle", name: "Original Guava Whiskey (750ml)", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/view-mexican-sotol-drink-with-glass-bottle_23-2150987474.jpg", imageAlt: "Classic bottle of Guava Whiskey"},
|
|
{
|
|
id: "reserve-edition", name: "Reserve Edition (Limited Release)", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-blurry-depressed-man-with-drink_23-2149699046.jpg", imageAlt: "Reserve edition bottle of Guava Whiskey"},
|
|
{
|
|
id: "mini-bottles", name: "Tasting Flight (3 x 50ml)", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151018060.jpg", imageAlt: "Set of mini Guava Whiskey bottles"},
|
|
{
|
|
id: "tasting-set", name: "Connoisseur's Tasting Set", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/pears-wooden-box-with-drink-side-view-white-grungy-wall_176474-8763.jpg", imageAlt: "Guava Whiskey tasting set with glasses"},
|
|
{
|
|
id: "cocktail-glass", name: "Premium Whiskey Cocktail Glass", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-with-pina-colada_23-2150184005.jpg", imageAlt: "Elegant whiskey cocktail glass"},
|
|
{
|
|
id: "recipe-book", name: "Guava Whiskey Cocktail Recipes", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/grapefruit-cocktail-wooden-table_123827-33176.jpg", imageAlt: "Guava Whiskey cocktail recipe book"},
|
|
]}
|
|
title="Discover Our Collection"
|
|
description="Explore the exquisite range of Guava Whiskey offerings, from our classic bottle to limited editions and tasting sets designed for the true enthusiast."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "handcrafted", value: "100%", description: "Handcrafted to perfection in small batches"},
|
|
{
|
|
id: "aging-process", value: "5 Years", description: "Minimum aging process in charred oak barrels"},
|
|
{
|
|
id: "awards-won", value: "3+", description: "International awards and recognitions"},
|
|
{
|
|
id: "unique-flavor", value: "Exotic", description: "Unique tropical flavor profile from real guava"},
|
|
]}
|
|
title="Our Craft in Numbers"
|
|
description="A testament to our dedication and the quality we uphold, measured in milestones and accolades from critics and connoisseurs alike."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Guava Whiskey has completely redefined my palate. The tropical notes are a delightful surprise, yet it remains a true whiskey at heart. A must-try for anyone seeking an adventurous and smooth spirit!"
|
|
rating={5}
|
|
author="Satisfied Connoisseurs"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg", alt: "John D."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Jane S."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-black-jacket_23-2147955449.jpg", alt: "Robert B."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cute-woman-with-short-hair-red-lips-smiling-outside-cheerful-woman-with-red-lipstick-black-clothes-eyeglasses-holds-tablet-outdoors_197531-19298.jpg", alt: "Emily W."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/impressed-looking-up-middle-aged-man-wearing-green-t-shirt-isolated-olive-green-wall_141793-83179.jpg", alt: "David G."},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Tropical Spirit Magazine", "Gourmet Whiskey Guide", "Exotic Mixology Review", "Fine Spirits Daily", "The Connoisseur's Choice", "Global Whiskey Awards", "Distillery Insider"]}
|
|
title="As Featured In"
|
|
description="Our Guava Whiskey is proudly recognized and celebrated by leading publications and industry experts worldwide."
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Ready to Taste the Adventure?"
|
|
description="Contact us for inquiries, partnerships, or to find out where to purchase Guava Whiskey near you and elevate your spirits collection."
|
|
buttons={[
|
|
{
|
|
text: "Buy Now", href: "#products"},
|
|
{
|
|
text: "Find a Retailer", href: "#"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Guava Whiskey", items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Ingredients", href: "#ingredients"},
|
|
{
|
|
label: "Products", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "FAQ", href: "#"},
|
|
{
|
|
label: "Shipping & Returns", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Cookie Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Guava Whiskey. All rights reserved."
|
|
bottomRightText="Crafted with passion in the tropics."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|