Initial commit
This commit is contained in:
vitalijmulika
174
src/app/page.tsx
Normal file
174
src/app/page.tsx
Normal file
@@ -0,0 +1,174 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
|
||||
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
||||
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Coffee, Heart, Instagram, Facebook, Twitter, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="sharp"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
cardStyle="solid-accent-light"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="outline"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="BrewCraft"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitAvatars
|
||||
title="Discover Your Perfect Brew"
|
||||
description="Handcrafted coffee from around the world, roasted fresh daily. Experience the art of exceptional coffee in our welcoming community."
|
||||
tag="Premium Coffee"
|
||||
tagIcon={Coffee}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766507831327-qlo86d1b.jpg"
|
||||
imageAlt="Modern coffee shop interior with customers"
|
||||
imagePosition="right"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659852371-2n8s417u.jpg", alt: "Barista Maria" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659853424-ixkpxq6h.jpg", alt: "Barista Carlos" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659855040-siiqd8u1.jpg", alt: "Coffee Specialist Elena" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659856152-wm74airb.jpg", alt: "Manager James" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659857717-44j1joo8.jpg", alt: "Barista Sofia" }
|
||||
]}
|
||||
avatarText="Join 5000+ coffee lovers"
|
||||
buttons={[
|
||||
{ text: "Explore Menu", href: "features" },
|
||||
{ text: "Visit Us", href: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaSplitTabsAbout
|
||||
title="Our Coffee Philosophy"
|
||||
description="We believe in transparency, quality, and sustainability in every cup."
|
||||
tabs={[
|
||||
{
|
||||
id: "sourcing",
|
||||
label: "Ethical Sourcing",
|
||||
description: "We partner directly with coffee farmers from Ethiopia, Colombia, and Peru to ensure fair trade practices and the highest quality beans. Every purchase supports sustainable farming communities."
|
||||
},
|
||||
{
|
||||
id: "roasting",
|
||||
label: "Artisan Roasting",
|
||||
description: "Our in-house roasting team carefully roasts small batches to bring out unique flavors and characteristics. Each roast is perfected through years of expertise and passion."
|
||||
},
|
||||
{
|
||||
id: "community",
|
||||
label: "Community First",
|
||||
description: "BrewCraft is more than coffee—it's a gathering place. We host events, support local artists, and create a welcoming space for everyone who walks through our doors."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659840609-ewcp8o1k.jpg"
|
||||
imageAlt="Coffee farmers in the field"
|
||||
imagePosition="right"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardFourteen
|
||||
title="Our Signature Selection"
|
||||
description="Explore our carefully curated menu of specialty drinks and premium coffee experiences."
|
||||
tag="Featured Drinks"
|
||||
tagIcon={Sparkles}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Classic Espresso",
|
||||
description: "Pure, intense, and perfectly balanced. The foundation of all our specialty drinks.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659836068-fpqgs7hd.jpg",
|
||||
imageAlt: "Rich espresso shot"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Silky Cappuccino",
|
||||
description: "Creamy microfoam meets bold espresso. A timeless Italian masterpiece.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659837842-8joj7ugt.jpg",
|
||||
imageAlt: "Cappuccino with latte art"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Refreshing Cold Brew",
|
||||
description: "Smooth, cold, and naturally sweet. Perfect for warm days.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659839234-e3k6cwwc.jpg",
|
||||
imageAlt: "Ice-cold brew in glass"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View Full Menu", href: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399490259-ptyv09vk.jpg", imageAlt: "Sarah Johnson" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399489339-4b0slwhc.jpg", imageAlt: "Michael Chen" },
|
||||
{ id: "3", name: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659846877-3uoiyg39.jpg", imageAlt: "Emma Rodriguez" },
|
||||
{ id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659848063-4nvq8mg9.jpg", imageAlt: "David Kim" },
|
||||
{ id: "5", name: "Jessica Lee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659849799-pyp0klr1.jpg", imageAlt: "Jessica Lee" },
|
||||
{ id: "6", name: "Marcus Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766659851142-vas3wibh.jpg", imageAlt: "Marcus Thompson" }
|
||||
]}
|
||||
cardTitle="Loved by coffee enthusiasts worldwide"
|
||||
cardTag="Customer Stories"
|
||||
cardTagIcon={Heart}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to experience exceptional coffee? Visit us today or place your order online."
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{ text: "Visit Us", href: "#" },
|
||||
{ text: "Order Online", href: "#" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrewCraft"
|
||||
copyrightText="© 2025 BrewCraft Coffee. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user