Initial commit
This commit is contained in:
vitalijmulika
192
src/app/page.tsx
Normal file
192
src/app/page.tsx
Normal file
@@ -0,0 +1,192 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Coffee Haven"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="COFFEE HAVEN"
|
||||
description="Premium coffee crafted with passion. Where great taste meets warm atmosphere."
|
||||
buttons={[
|
||||
{ text: "Explore Menu", href: "products" },
|
||||
{ text: "Visit Us", href: "contact" }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847964453-iyz81ypi.jpg",
|
||||
imageAlt: "Coffee shop interior"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847967976-2h7gpyi3.jpg",
|
||||
imageAlt: "Barista preparing coffee"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847970254-v9wy8mc6.jpg",
|
||||
imageAlt: "Premium coffee beans"
|
||||
}
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Coffee Haven was born from a simple passion: to create a sanctuary where exceptional coffee meets meaningful connections. Since 2015, we've been sourcing the finest beans from sustainable farms around the world.",
|
||||
"Every cup is crafted with precision and care by our experienced baristas. We believe coffee is more than just a beverage—it's an experience, a moment of calm in a busy day, and a gateway to wonderful conversations."
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
useInvertedBackground="noInvert"
|
||||
showBorder={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardSeven
|
||||
title="Featured Products"
|
||||
description="Discover our signature coffee selections, carefully curated to delight your senses"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Single Origin Espresso",
|
||||
price: "$6.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847971556-iiz5ebpa.jpg",
|
||||
imageAlt: "Single origin espresso shot"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Velvety Cappuccino",
|
||||
price: "$5.75",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847973683-mivlvqt0.jpg",
|
||||
imageAlt: "Creamy cappuccino with latte art"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bold Americano",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847975390-k1q4whpy.jpg",
|
||||
imageAlt: "Rich americano coffee"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847978396-j6wstymd.jpg",
|
||||
imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766757640295-2ylvl3h4.jpg",
|
||||
imageAlt: "James Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847979970-2ofq6fph.jpg",
|
||||
imageAlt: "Emma Chen"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Torres",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847985524-qw56lb2y.jpg",
|
||||
imageAlt: "Michael Torres"
|
||||
}
|
||||
]}
|
||||
cardTitle="Join thousands of coffee lovers who trust Coffee Haven for their daily ritual"
|
||||
cardTag="Trusted by our community"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenterForm
|
||||
title="Stay Updated"
|
||||
description="Subscribe to our newsletter for new blends, events, and exclusive offers delivered to your inbox"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Coffee Haven"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{ label: "Location", href: "#" },
|
||||
{ label: "Hours", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Twitter", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Coffee Haven. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user