Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0d66b171e6 | |||
| 2580b9c4ef |
120
src/app/page.tsx
120
src/app/page.tsx
@@ -5,12 +5,14 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
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 TeamCardThree from '@/components/sections/team/TeamCardThree';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
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() {
|
||||
return (
|
||||
@@ -33,6 +35,7 @@ export default function LandingPage() {
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Beers", id: "products" },
|
||||
{ name: "Our Story", id: "story" },
|
||||
{ name: "Community", id: "community" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
@@ -59,6 +62,67 @@ export default function LandingPage() {
|
||||
/>
|
||||
</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">
|
||||
<MediaSplitAbout
|
||||
title="Our Brewing Heritage"
|
||||
@@ -197,6 +261,60 @@ export default function LandingPage() {
|
||||
/>
|
||||
</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">
|
||||
<TestimonialCardFive
|
||||
title="What Beer Lovers Say"
|
||||
|
||||
Reference in New Issue
Block a user