Initial commit
This commit is contained in:
vitalijmulika
209
src/app/page.tsx
Normal file
209
src/app/page.tsx
Normal file
@@ -0,0 +1,209 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="sharp"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="spotlight"
|
||||
primaryButtonStyle="outline"
|
||||
secondaryButtonStyle="minimal"
|
||||
headingFontWeight={undefined}
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Brew Haven"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Brew Haven"
|
||||
description="Artisan coffee crafted with passion. Premium beans, expert baristas, and the perfect atmosphere for your daily ritual."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403060798-jyic1c5u.jpg"
|
||||
imageAlt="Freshly brewed espresso with latte art"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Brewing excellence since 2015" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574704615-09skhfst.jpg", alt: "Premium coffee beans" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Visit Us", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
title="Our Signature Experience"
|
||||
description="Discover what makes Brew Haven special"
|
||||
tag="Quality"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Single-Origin Beans",
|
||||
description: "Carefully sourced from premium coffee farms around the world. Each blend tells a story of passion and tradition.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574704615-09skhfst.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Expert Baristas",
|
||||
description: "Our certified baristas craft each cup with precision and care, ensuring the perfect flavor profile every time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574706747-enkkhmln.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A welcoming space designed for connection, creativity, and comfort. Perfect for work or catching up with friends.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574702681-tmr2mtze.jpg"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
title="Our Menu"
|
||||
description="Explore our carefully curated selection of premium coffee beverages and pastries"
|
||||
tag="Featured"
|
||||
products={[
|
||||
{
|
||||
id: "espresso",
|
||||
name: "Double Shot Espresso",
|
||||
price: "$3.50",
|
||||
variant: "Rich and bold",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg",
|
||||
imageAlt: "Double espresso shot with crema"
|
||||
},
|
||||
{
|
||||
id: "cappuccino",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$4.75",
|
||||
variant: "Smooth and creamy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403066278-qx4cpm1u.jpg",
|
||||
imageAlt: "Cappuccino with perfect foam art"
|
||||
},
|
||||
{
|
||||
id: "pastry",
|
||||
name: "Fresh Pastries",
|
||||
price: "$4.50",
|
||||
variant: "Baked daily",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403072992-ifm1xcg3.jpg",
|
||||
imageAlt: "Display of fresh croissants and pastries"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardEleven
|
||||
title="What Our Customers Say"
|
||||
description="Real stories from real coffee lovers"
|
||||
tag="Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
nameTitle: "Sarah Johnson, Marketing Director",
|
||||
quote: "Brew Haven is my second office. The coffee is exceptional and the staff always remembers my order. Highly recommended!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574707935-afftxsxl.jpg",
|
||||
imageAlt: "Sarah Johnson"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
nameTitle: "Michael Chen, Software Engineer",
|
||||
quote: "The best espresso in the city. I come here every morning before work. The atmosphere is perfect for focused work.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574708907-yzjv3d8h.jpg",
|
||||
imageAlt: "Michael Chen"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
nameTitle: "Emily Rodriguez, Artist",
|
||||
quote: "This is where creativity happens. Amazing coffee, beautiful space, and wonderful people. Worth every penny.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403062193-iks0i5de.jpg",
|
||||
imageAlt: "Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
nameTitle: "David Park, Graduate Student",
|
||||
quote: "Perfect place to study or catch up with friends. The pastries pair beautifully with their specialty drinks.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg",
|
||||
imageAlt: "David Park"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Subscribe to our newsletter for weekly specials, new menu items, and exclusive offers."
|
||||
useInvertedBackground="noInvert"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Brew Haven"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Menu", href: "menu" },
|
||||
{ label: "About", href: "about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Reviews", href: "reviews" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Hours: 6AM - 8PM Daily", href: "#" },
|
||||
{ label: "123 Main Street", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user