381 lines
14 KiB
TypeScript
381 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
|
|
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
|
|
import { Facebook, Instagram, Twitter, Beer } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="plain"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="neon-glow-border"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Brewery"
|
|
button={{
|
|
text: "Book Tour",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Craft Beer Experience"
|
|
description="Discover our award-winning selection of handcrafted beers brewed with passion and quality ingredients"
|
|
tag="Brewery"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737135258-nan0236n.jpg",
|
|
imageAlt: "Golden IPA beer in glass"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737148617-2vx2wtzv.jpg",
|
|
imageAlt: "Dark stout beer served fresh"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737154685-fa0ji8ux.jpg",
|
|
imageAlt: "Crisp lager with brewery backdrop"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737158779-1is8hgos.jpg",
|
|
imageAlt: "Sour beer tasting experience"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737172488-wtikwg0d.jpg",
|
|
imageAlt: "Rich porter beer pour"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737173295-zpl8k8y5.jpg",
|
|
imageAlt: "Wheat beer golden pour"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Browse Beer Collection",
|
|
href: "product"
|
|
},
|
|
{
|
|
text: "Book a Tour",
|
|
href: "contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutPhoneTimeline
|
|
tag="About Us"
|
|
title="Our Brewing Legacy"
|
|
description="For over two decades, we have been dedicated to crafting exceptional beers using traditional brewing methods combined with innovative flavor experimentation. Our brewery is a community hub where beer enthusiasts gather to celebrate quality, craftsmanship, and the art of brewing."
|
|
phoneOne={{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737148617-2vx2wtzv.jpg"
|
|
}}
|
|
phoneTwo={{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737183897-quuwmgl8.jpg"
|
|
}}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{
|
|
text: "Visit Our Taproom",
|
|
href: "contact"
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardSix
|
|
title="Featured Beer Collections"
|
|
description="Explore our signature craft beers handcrafted with premium ingredients and traditional brewing expertise"
|
|
tag="Beers"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Golden Hop IPA",
|
|
price: "$8.99",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737180748-7ybmc2yf.jpg",
|
|
imageAlt: "Golden Hop IPA bottle"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Midnight Stout",
|
|
price: "$9.99",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737181584-d31dd552.jpg",
|
|
imageAlt: "Midnight Stout bottle"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Classic Lager",
|
|
price: "$7.99",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737182809-wugfhvoa.jpg",
|
|
imageAlt: "Classic Lager bottle"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{
|
|
text: "Shop All Beers",
|
|
href: "#"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSix
|
|
title="Brewery by the Numbers"
|
|
description="Our impact and dedication to craft brewing excellence"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "25+",
|
|
tag: "Years",
|
|
title: "Years of Brewing Excellence"
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "47",
|
|
tag: "Awards",
|
|
title: "International Beer Awards"
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "12K+",
|
|
tag: "Community",
|
|
title: "Monthly Taproom Visitors"
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "18",
|
|
tag: "Recipes",
|
|
title: "Signature Beer Styles"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<MetricCardFive
|
|
title="Our Top 5 Partners"
|
|
description="Strategic partnerships that help us deliver excellence"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "Premium Hops Co.",
|
|
description: "Our trusted supplier of the finest hop varieties from around the world, ensuring quality in every brew."
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "Craft Malt Supply",
|
|
description: "Dedicated partners providing premium malt selections that define the character of our signature beers."
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "Local Grain Farms",
|
|
description: "Community partners supporting sustainable brewing practices with locally-sourced grains."
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "Equipment Masters",
|
|
description: "Industry leaders in brewing technology keeping our state-of-the-art facility running smoothly."
|
|
},
|
|
{
|
|
id: "5",
|
|
value: "Distribution Networks",
|
|
description: "Reliable logistics partners ensuring our beers reach bars and restaurants across the region."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Our Top 5 Partners"
|
|
description="Strategic partnerships that help us deliver excellence"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Community Says"
|
|
description="Real feedback from beer enthusiasts and brewery visitors"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Michael Torres",
|
|
role: "Craft Beer Enthusiast",
|
|
company: "Local Beer Club",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737185049-vcodqbw8.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah Chen",
|
|
role: "Restaurant Owner",
|
|
company: "Downtown Bistro",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737185949-fa7vffha.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "James Wilson",
|
|
role: "Beer Festival Organizer",
|
|
company: "Craft Beer Fest",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737186745-dxb8e8om.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Emily Rodriguez",
|
|
role: "Beverage Director",
|
|
company: "Premium Pub",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737187554-yeg1ohf4.jpg"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "David Kim",
|
|
role: "Homebrewer",
|
|
company: "Local Brewing Club",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766737188691-e3rzr9fx.jpg"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Jessica Anderson",
|
|
role: "Event Coordinator",
|
|
company: "Community Events",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163109167-27dt1jxc.jpg"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our brewery and beers"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What beer styles do you brew?",
|
|
content: "We specialize in a diverse range of craft beer styles including IPAs, stouts, lagers, sours, porters, and wheat beers. Each style is crafted with attention to detail and premium ingredients to deliver unique flavor profiles."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Can I visit the brewery for a tour?",
|
|
content: "Yes! We offer guided brewery tours every weekend and weekday evenings. Tours include a behind-the-scenes look at our brewing process and complimentary beer tastings. Contact us to book your tour today."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Where can I buy your beers?",
|
|
content: "Our beers are available at local bars, restaurants, and liquor stores throughout the region. You can also purchase directly from our taproom or visit our online shop for delivery to select areas."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Do you offer private events?",
|
|
content: "Absolutely! We host private events, corporate gatherings, and special occasions. Our taproom can accommodate groups, and we offer customized beer selections and catering options."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Are there any food options at the taproom?",
|
|
content: "We offer a selection of food options including brewery-inspired snacks and appetizers. We also partner with local food trucks and allow outside food to enhance your brewery experience."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Plan Your Visit"
|
|
ctaDescription="Schedule a brewery tour or book a private event experience"
|
|
ctaButton={{
|
|
text: "Book Now",
|
|
href: "#"
|
|
}}
|
|
ctaIcon={Beer}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What are your operating hours?",
|
|
content: "Taproom hours: Monday-Thursday 4pm-10pm, Friday-Saturday 12pm-11pm, Sunday 12pm-9pm. Tours available by reservation."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How much do brewery tours cost?",
|
|
content: "Brewery tours are $15 per person and include a guided experience, 3 beer tastings, and a complimentary pint glass."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What is your address?",
|
|
content: "You can find us at our main brewery location in the heart of downtown. Contact us for our full address and directions."
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Brewery"
|
|
copyrightText="© 2025 Craft Brewery | Brewed with passion"
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com",
|
|
ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com",
|
|
ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com",
|
|
ariaLabel: "Twitter"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |