374 lines
14 KiB
TypeScript
374 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
|
|
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
|
|
import TeamCardFour from '@/components/sections/team/TeamCardFour';
|
|
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, Calendar, CheckCircle, Coffee, Facebook, Heart, Instagram, MapPin, Sparkles, Star, Twitter, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="animatedGrid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="minimal"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Bakteria"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "product" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book a Table",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Welcome to Bakteria Coffee"
|
|
description="Discover the finest craft coffee experience in town. From hand-roasted beans to expertly crafted beverages, we bring passion to every cup."
|
|
tag="Premium Coffee"
|
|
tagIcon={Coffee}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739747492-bo65enx9.jpg",
|
|
imageAlt: "Fresh coffee brewing at Bakteria"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920187077-04oikbix.jpg",
|
|
imageAlt: "Premium roasted coffee beans"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504475843-rx4nokgi.jpg",
|
|
imageAlt: "Perfectly crafted cappuccino"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573462322-z6hyn2m2.jpg",
|
|
imageAlt: "Cozy Bakteria coffee shop interior"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920188077-sigt076c.jpg",
|
|
imageAlt: "Artisan coffee pouring"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920188996-k9i3064z.jpg",
|
|
imageAlt: "Beautiful latte art creation"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Explore Menu",
|
|
href: "product"
|
|
},
|
|
{
|
|
text: "Visit Us",
|
|
href: "contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagMediaSplitAbout
|
|
title="Our Story"
|
|
description="Bakteria was founded with a simple mission: to bring exceptional coffee to our community"
|
|
tag="Since 2015"
|
|
textboxLayout="default"
|
|
contentTag="OUR PASSION"
|
|
contentTagIcon={Heart}
|
|
contentTitle="Crafted with Love and Expertise"
|
|
contentDescription="Every cup of Bakteria coffee tells a story of dedication, skill, and love for the craft. We source the finest beans from sustainable farms around the world, roast them in small batches to perfection, and train our baristas to deliver an exceptional experience with every pour. We believe that great coffee is about connection, community, and the joy of a perfectly crafted beverage."
|
|
contentButtons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "#"
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920190037-tqt24x22.jpg"
|
|
imageAlt="Bakteria coffee shop atmosphere"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardSix
|
|
title="Our Coffee Selection"
|
|
description="Explore our signature beverages crafted by our expert baristas"
|
|
tag="Featured Drinks"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Classic Espresso",
|
|
price: "$3.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920190905-afgbf22n.jpg",
|
|
imageAlt: "Bold and rich espresso shot"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Silky Cappuccino",
|
|
price: "$5.00",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504472539-8fcfbdrv.jpg",
|
|
imageAlt: "Creamy cappuccino with perfect foam"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Smooth Latte",
|
|
price: "$5.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920191959-azsx4ig5.jpg",
|
|
imageAlt: "Smooth and creamy latte"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Cold Brew",
|
|
price: "$4.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920192796-cd28tqbs.jpg",
|
|
imageAlt: "Refreshing iced cold brew"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardSix
|
|
title="By the Numbers"
|
|
description="The impact of Bakteria in our community"
|
|
tag="Our Achievement"
|
|
tagIcon={Award}
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "9+",
|
|
tag: "Years",
|
|
tagIcon: Calendar,
|
|
title: "Serving Premium Coffee"
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "50K+",
|
|
tag: "Customers",
|
|
tagIcon: Users,
|
|
title: "Happy Coffee Lovers"
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "100%",
|
|
tag: "Quality",
|
|
tagIcon: CheckCircle,
|
|
title: "Sustainable Sourcing"
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "2",
|
|
tag: "Locations",
|
|
tagIcon: MapPin,
|
|
title: "Community Spaces"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFour
|
|
title="Meet Our Baristas"
|
|
description="The passionate artisans behind every cup of Bakteria coffee"
|
|
tag="Our Team"
|
|
tagIcon={Users}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
team={[
|
|
{
|
|
id: "1",
|
|
name: "Sofia Martinez",
|
|
role: "Head Barista",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
|
|
imageAlt: "Sofia Martinez"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Alex Johnson",
|
|
role: "Coffee Roaster",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739747492-bo65enx9.jpg",
|
|
imageAlt: "Alex Johnson"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Maria Rodriguez",
|
|
role: "Barista",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920195095-7ne97h9e.jpg",
|
|
imageAlt: "Maria Rodriguez"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "James Chen",
|
|
role: "Specialty Drinks",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg",
|
|
imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Emma Wilson",
|
|
role: "Barista",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920196035-nvp12usm.jpg",
|
|
imageAlt: "Emma Wilson"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Lucas Santos",
|
|
role: "Coffee Expert",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920196961-uzyc9vsp.jpg",
|
|
imageAlt: "Lucas Santos"
|
|
},
|
|
{
|
|
id: "7",
|
|
name: "Nina Patel",
|
|
role: "Barista",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920197776-e33mgghr.jpg",
|
|
imageAlt: "Nina Patel"
|
|
},
|
|
{
|
|
id: "8",
|
|
name: "David Brown",
|
|
role: "Training Manager",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920198819-m21m3u08.jpg",
|
|
imageAlt: "David Brown"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardEleven
|
|
title="What Our Customers Say"
|
|
description="Real stories from coffee lovers who call Bakteria their favorite spot"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
nameTitle: "Sarah Mitchell, Local Artist",
|
|
quote: "Bakteria is my creative sanctuary. The coffee is exceptional, and the atmosphere is perfect for my work. The baristas always remember my order!",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920199817-zf3w2b5k.jpg",
|
|
imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2",
|
|
nameTitle: "Michael Torres, Business Owner",
|
|
quote: "I bring all my clients to Bakteria. The professionalism and quality speak volumes about our community. It's become our unofficial boardroom.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414394206-b14wm62n.jpg",
|
|
imageAlt: "Michael Torres"
|
|
},
|
|
{
|
|
id: "3",
|
|
nameTitle: "Jessica Wang, Student",
|
|
quote: "Best coffee on campus by far! The baristas are friendly, the space is study-friendly, and I actually feel like they care about their craft.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
|
|
imageAlt: "Jessica Wang"
|
|
},
|
|
{
|
|
id: "4",
|
|
nameTitle: "Robert Chen, Coffee Enthusiast",
|
|
quote: "As someone who travels the world tasting coffee, Bakteria stands out. Their single-origin selections are thoughtfully curated and expertly prepared.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920187077-04oikbix.jpg",
|
|
imageAlt: "Robert Chen"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get In Touch"
|
|
description="Have questions about our coffee or want to host an event? We'd love to hear from you. Send us a message and we'll respond within 24 hours."
|
|
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: false
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your inquiry or event plans...",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766920193721-eypgxn1b.jpg"
|
|
imageAlt="Visit Bakteria Coffee"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Bakteria"
|
|
copyrightText="© 2025 Bakteria Coffee. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com",
|
|
ariaLabel: "Follow us on Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com",
|
|
ariaLabel: "Follow us on Facebook"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com",
|
|
ariaLabel: "Follow us on Twitter"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |