2 Commits

Author SHA1 Message Date
0d66b171e6 Update src/app/page.tsx 2025-12-26 15:42:40 +00:00
2580b9c4ef Update src/app/page.tsx 2025-12-26 15:36:42 +00:00

View File

@@ -5,12 +5,14 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage'; import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout'; import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TeamCardThree from '@/components/sections/team/TeamCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Beaker, Beer, Flame, Sparkles, Star, Users } from "lucide-react"; import { Award, Beaker, Beer, Flame, Sparkles, Star, Users, Linkedin, Globe } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -33,6 +35,7 @@ export default function LandingPage() {
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Beers", id: "products" }, { name: "Beers", id: "products" },
{ name: "Our Story", id: "story" }, { name: "Our Story", id: "story" },
{ name: "Community", id: "community" },
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
button={{ button={{
@@ -59,6 +62,67 @@ export default function LandingPage() {
/> />
</div> </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/gallery/uploaded-1766737135258-nan0236n.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/gallery/uploaded-1766737180748-7ybmc2yf.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/gallery/uploaded-1766761944122-qzynij1o.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/gallery/uploaded-1766737135258-nan0236n.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/gallery/uploaded-1766737180748-7ybmc2yf.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/gallery/uploaded-1766761944122-qzynij1o.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"> <div id="about" data-section="about">
<MediaSplitAbout <MediaSplitAbout
title="Our Brewing Heritage" title="Our Brewing Heritage"
@@ -197,6 +261,60 @@ export default function LandingPage() {
/> />
</div> </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: Linkedin, url: "https://linkedin.com/in/olha-bondarenko" },
{ icon: Globe, url: "https://www.example.com" }
]
},
{
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: Linkedin, url: "https://linkedin.com/in/dmytro-kovalenko" },
{ icon: Globe, url: "https://www.example.com" }
]
},
{
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: Linkedin, url: "https://linkedin.com/in/natalia-shevchenko" },
{ icon: Globe, url: "https://www.example.com" }
]
},
{
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: Linkedin, url: "https://linkedin.com/in/taras-petrov" },
{ icon: Globe, url: "https://www.example.com" }
]
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
title="What Beer Lovers Say" title="What Beer Lovers Say"