437 lines
18 KiB
TypeScript
437 lines
18 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
|
|
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
|
import TeamCardThree from '@/components/sections/team/TeamCardThree';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Award, Beaker, Flame, Sparkles, Star, Users, Linkedin, Globe, Instagram } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="noiseGradient"
|
|
cardStyle="neon-glow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Brovary Brewing"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Beers", id: "products" },
|
|
{ name: "Our Story", id: "story" },
|
|
{ name: "Community", id: "community" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplitImage
|
|
logoText="BROVARY"
|
|
description="A city of happy people. Premium Ukrainian craft brewery bringing tradition and innovation to every bottle. Discover the taste of authentic brewing excellence."
|
|
buttons={[
|
|
{ text: "Explore Our Beers", href: "products" },
|
|
{ text: "Visit Us", href: "contact" }
|
|
]}
|
|
layoutOrder="default"
|
|
splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg"
|
|
splitImageAlt="Brovary Brewing premium beer selection"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737183897-quuwmgl8.jpg"
|
|
imageAlt="Brovary Brewery production facility"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="best-tonys-hookahs" data-section="best-tonys-hookahs">
|
|
<ProductCardOne
|
|
title="Best Tony's Hookahs"
|
|
description="Discover our premium collection of Tony's finest hookahs, crafted with precision and quality for the perfect smoking experience."
|
|
tag="Premium Selection"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Tony's Signature Copper",
|
|
price: "$89",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-signature-copper.jpg",
|
|
imageAlt: "Tony's Signature Copper Hookah"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Tony's Royal Black",
|
|
price: "$109",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-royal-black.jpg",
|
|
imageAlt: "Tony's Royal Black Hookah"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Tony's Crystal Glass",
|
|
price: "$129",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-crystal-glass.jpg",
|
|
imageAlt: "Tony's Crystal Glass Hookah"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Tony's Golden Elite",
|
|
price: "$149",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-golden-elite.jpg",
|
|
imageAlt: "Tony's Golden Elite Hookah"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Tony's Luxury Deluxe",
|
|
price: "$179",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-luxury-deluxe.jpg",
|
|
imageAlt: "Tony's Luxury Deluxe Hookah"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Tony's Premium Master",
|
|
price: "$199",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-premium-master.jpg",
|
|
imageAlt: "Tony's Premium Master Hookah"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View All Hookahs", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitAbout
|
|
title="Our Brewing Heritage"
|
|
description="Since 2015, Brovary Brewing has been crafting exceptional beers using time-honored Ukrainian brewing traditions combined with modern techniques. As a city of happy people, we bring joy to every bottle with our passion for quality and innovation. Our commitment to excellence sets us apart in the craft beer community. Every brew tells a story of dedication, precision, and love for the craft."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766761941803-8nfzzj1a.jpg"
|
|
imageAlt="Brewery interior and brewing equipment"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Learn More", href: "story" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Our Beer Collection"
|
|
description="Handcrafted beers with unique flavors and distinct character. Brewed with joy by a city of happy people, celebrating community and excellence in every sip."
|
|
tag="Craft Selection"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Brovary Brewing",
|
|
name: "Golden Pilsner",
|
|
price: "89 UAH",
|
|
rating: 5,
|
|
reviewCount: "342",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg",
|
|
imageAlt: "Golden Pilsner beer bottle"
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Brovary Brewing",
|
|
name: "Dark Porter",
|
|
price: "99 UAH",
|
|
rating: 5,
|
|
reviewCount: "289",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737180748-7ybmc2yf.jpg",
|
|
imageAlt: "Dark Porter beer bottle"
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Brovary Brewing",
|
|
name: "IPA Supreme",
|
|
price: "109 UAH",
|
|
rating: 5,
|
|
reviewCount: "456",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766761944122-qzynij1o.jpg",
|
|
imageAlt: "IPA Supreme beer bottle"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View All Beers", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="story" data-section="story">
|
|
<FeatureCardTwentyOne
|
|
title="Our Brewing Process"
|
|
description="We combine time-tested brewing traditions with cutting-edge technology to create exceptional craft beers. Our city of happy people takes pride in every step of the process."
|
|
tag="Traditional Methods"
|
|
tagIcon={Flame}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766761942882-4oke2lxt.jpg"
|
|
imageAlt="Brewing fermentation tanks"
|
|
mediaPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
accordionItems={[
|
|
{
|
|
id: "1",
|
|
title: "Mashing & Lautering",
|
|
content: "We start with the finest malts, carefully selected for their quality. Our mashing process extracts perfect flavor profiles and ensures optimal brewing conditions for each beer style."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Boiling & Hopping",
|
|
content: "Premium hops are added at precise intervals to create the perfect balance of bitterness and aroma. This is where our beers develop their signature character and depth."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Fermentation",
|
|
content: "In climate-controlled tanks, our carefully selected yeast strains work their magic. Each beer ferments for the optimal duration to achieve perfect flavor development."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Conditioning & Bottling",
|
|
content: "After secondary fermentation, each batch is carefully packaged to maintain freshness and quality. Our commitment to excellence extends to every bottle that leaves our brewery."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Brewery By The Numbers"
|
|
description="Our impact and growth in the craft beer community, spreading happiness with every bottle"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "50K",
|
|
title: "Bottles",
|
|
description: "Brewed annually with quality control",
|
|
icon: Beaker
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "8",
|
|
title: "Beer Styles",
|
|
description: "Unique recipes perfected over years",
|
|
icon: Beaker
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "1K+",
|
|
title: "Loyal Customers",
|
|
description: "Craft beer enthusiasts in the region",
|
|
icon: Users
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "15",
|
|
title: "Awards",
|
|
description: "Recognition for brewing excellence",
|
|
icon: Award
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="community" data-section="community">
|
|
<TeamCardThree
|
|
title="Meet People from Brovary"
|
|
description="Community members and local residents who embody the spirit of a city of happy people. These are the faces behind our thriving community."
|
|
tag="Our Community"
|
|
tagIcon={Users}
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Olha Bondarenko",
|
|
role: "Local Entrepreneur & Beer Enthusiast",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
|
|
socialLinks: [
|
|
{ icon: Instagram, url: "https://instagram.com/olha-bondarenko" },
|
|
{ icon: Linkedin, url: "https://linkedin.com/in/olha-bondarenko" }
|
|
]
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Dmytro Kovalenko",
|
|
role: "Community Organizer & Social Media Advocate",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
|
|
socialLinks: [
|
|
{ icon: Instagram, url: "https://instagram.com/dmytro-kovalenko" },
|
|
{ icon: Linkedin, url: "https://linkedin.com/in/dmytro-kovalenko" }
|
|
]
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Natalia Shevchenko",
|
|
role: "Local Artist & Cultural Ambassador",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
|
|
socialLinks: [
|
|
{ icon: Instagram, url: "https://instagram.com/natalia-shevchenko" },
|
|
{ icon: Linkedin, url: "https://linkedin.com/in/natalia-shevchenko" }
|
|
]
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Taras Petrov",
|
|
role: "Small Business Owner & Community Leader",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184197576-xe6oube6.jpg",
|
|
socialLinks: [
|
|
{ icon: Instagram, url: "https://instagram.com/taras-petrov" },
|
|
{ icon: Linkedin, url: "https://linkedin.com/in/taras-petrov" }
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardNine
|
|
title="What Beer Lovers Say"
|
|
description="Hear from our happy community of satisfied customers and craft beer enthusiasts who celebrate Brovary as a city of joyful people"
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Andriy Kovalenko",
|
|
role: "CEO of TechCorp Kyiv",
|
|
quote: "I have tried many breweries across Europe, but Brovary Brewing stands out with their exceptional quality and unique flavor profiles. Their Golden Pilsner is absolutely perfect. The joy and passion in every bottle is unmistakable.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg",
|
|
imageAlt: "Golden Pilsner beer bottle"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mariya Shevchenko",
|
|
role: "Restaurant Owner",
|
|
quote: "We serve Brovary beers exclusively at our restaurant. Our guests love them and ask for them by name. There's something special about their beers—they bring happiness to every gathering. The consistency and quality are unmatched in the region.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737180748-7ybmc2yf.jpg",
|
|
imageAlt: "Dark Porter beer bottle"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Volodymyr Petrov",
|
|
role: "Craft Beer Enthusiast",
|
|
quote: "Brovary Brewing brings back the essence of traditional Ukrainian brewing while embracing modern innovation. Every sip takes me back to my roots with a contemporary twist. Brovary truly is a city of happy people, and their beers celebrate that spirit perfectly.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766761944122-qzynij1o.jpg",
|
|
imageAlt: "IPA Supreme beer bottle"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Kateryna Lysenko",
|
|
role: "Marketing Director",
|
|
quote: "As a proud Ukrainian, I support local businesses that deliver world-class quality. Brovary Brewing is exactly that—a reflection of our community's joy and happiness. Their beers deserve recognition on the global stage.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg",
|
|
imageAlt: "Brovary Brewing premium beer selection"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get In Touch"
|
|
description="Have questions about our beers or want to order? Contact us and we will get back to you promptly. Join our community of happy beer lovers."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Phone Number",
|
|
required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your inquiry or order request",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg"
|
|
imageAlt="Brovary Brewery contact location"
|
|
mediaPosition="right"
|
|
useInvertedBackground="noInvert"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Brovary Brewing"
|
|
columns={[
|
|
{
|
|
title: "Brewery",
|
|
items: [
|
|
{ label: "Our Beers", href: "products" },
|
|
{ label: "Brewing Process", href: "story" },
|
|
{ label: "About Us", href: "about" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Email", href: "mailto:info@brovarybrewing.ua" },
|
|
{ label: "Phone", href: "tel:+380501234567" }
|
|
]
|
|
},
|
|
{
|
|
title: "Visit",
|
|
items: [
|
|
{ label: "Brovary, Kyiv Region", href: "#" },
|
|
{ label: "Brewery Tours", href: "contact" },
|
|
{ label: "Tasting Room", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Brovary Brewing | Authentic Ukrainian Craft Beer from a City of Happy People"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|