Initial commit
This commit is contained in:
Nikolay Pecheniev
322
src/app/page.tsx
Normal file
322
src/app/page.tsx
Normal file
@@ -0,0 +1,322 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||||
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
|
||||
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
||||
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Leaf, Zap, Star, Heart, MapPin } from 'lucide-react';
|
||||
|
||||
export default function CoffeePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="outline"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleMinimal
|
||||
brandName="Gloria"
|
||||
button={{
|
||||
text: "Book a Table",
|
||||
href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardMetrics
|
||||
title="Welcome to Gloria Coffee"
|
||||
description="Experience the finest specialty coffee in a warm, inviting atmosphere. From our carefully sourced beans to expertly crafted beverages, every cup tells a story."
|
||||
tag="Specialty Coffee House"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg"
|
||||
imageAlt="Gloria Coffee House"
|
||||
frameStyle="card"
|
||||
metricsLabel="Trusted by coffee lovers and professionals worldwide"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
label: "Years of Excellence"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1000+",
|
||||
label: "Happy Customers Daily"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
label: "Premium Coffee Blends"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products"
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Story"
|
||||
description="Gloria Coffee was founded with a simple passion: to bring the world's finest coffees to your cup. We believe every sip should be a moment of joy and connection."
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504475843-rx4nokgi.jpg"
|
||||
imageAlt="Gloria Coffee Interior"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Ethically Sourced",
|
||||
description: "We partner directly with sustainable coffee farms around the world",
|
||||
icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Our trained professionals craft each drink with precision and care",
|
||||
icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Only the finest beans and ingredients make it to your cup",
|
||||
icon: Star
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "More than coffee - we're a gathering place for meaningful moments",
|
||||
icon: Heart
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardFifteen
|
||||
title="Our Specialty Drinks"
|
||||
description="Handcrafted beverages that elevate your coffee experience"
|
||||
tag="Signature Selection"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Caramel Macchiato",
|
||||
description: "Espresso with steamed milk and signature caramel drizzle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg",
|
||||
imageAlt: "Caramel Macchiato"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Single Origin Espresso",
|
||||
description: "Pure, bold, and perfectly extracted from premium beans",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414395178-77w1rchc.jpg",
|
||||
imageAlt: "Single Origin Espresso"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Iced Vanilla Latte",
|
||||
description: "Smooth, refreshing, and perfect for warm days",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
|
||||
imageAlt: "Iced Vanilla Latte"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardSeven
|
||||
title="Featured Menu Items"
|
||||
description="Discover our most loved offerings"
|
||||
tag="Must Try"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Morning Croissant",
|
||||
price: "$5.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573458620-djq2znw8.jpg",
|
||||
imageAlt: "Butter Croissant"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Caprese Sandwich",
|
||||
price: "$9.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg",
|
||||
imageAlt: "Fresh Caprese Sandwich"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chocolate Cake",
|
||||
price: "$6.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573460458-6fck1vod.jpg",
|
||||
imageAlt: "Rich Chocolate Cake"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardNine
|
||||
title="What Our Customers Say"
|
||||
description="Join thousands who've made Gloria their favorite coffeehouse"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
quote: "The best espresso I've had outside of Italy. Every barista knows how to perfect each drink.",
|
||||
name: "Maria Rodriguez",
|
||||
role: "Regular Customer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679215769-8spgigse.jpg",
|
||||
imageAlt: "Maria Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
quote: "Gloria is my creative sanctuary. Great coffee, peaceful ambiance, and amazing staff.",
|
||||
name: "James Chen",
|
||||
role: "Freelancer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508653705-qp2xy5s6.jpg",
|
||||
imageAlt: "James Chen"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
quote: "I bring all my clients here for meetings. The atmosphere and quality coffee make the perfect impression.",
|
||||
name: "Sarah Thompson",
|
||||
role: "Business Owner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679217178-y1zjo42n.jpg",
|
||||
imageAlt: "Sarah Thompson"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
quote: "The team remembers my order and always greets me with a smile. That's customer service done right.",
|
||||
name: "Michael Park",
|
||||
role: "Morning Regular",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679218140-bhsns38m.jpg",
|
||||
imageAlt: "Michael Park"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Visit Gloria Coffee"
|
||||
ctaDescription="Join us for your next coffee break. We're open seven days a week."
|
||||
ctaButton={{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com"
|
||||
}}
|
||||
ctaIcon={MapPin}
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "Monday - Friday: 6:00 AM - 8:00 PM. Saturday - Sunday: 8:00 AM - 9:00 PM. We're closed on major holidays."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer WiFi?",
|
||||
content: "Yes, free WiFi is available to all customers. Password is displayed at the counter."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I reserve a table?",
|
||||
content: "For groups of 6 or more, we recommend calling ahead at (555) 123-4567 to reserve seating."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you have vegan options?",
|
||||
content: "Absolutely! We offer plant-based milk alternatives and vegan pastries. Ask our baristas for recommendations."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg"
|
||||
imageAlt="Premium Coffee Beans"
|
||||
logoText="Gloria"
|
||||
copyrightText="© 2025 Gloria Coffee. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Monday - Friday: 6 AM - 8 PM"
|
||||
},
|
||||
{
|
||||
label: "Saturday - Sunday: 8 AM - 9 PM"
|
||||
},
|
||||
{
|
||||
label: "Contact: (555) 123-4567"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "123 Coffee Street",
|
||||
href: "https://maps.google.com"
|
||||
},
|
||||
{
|
||||
label: "Downtown District",
|
||||
href: "https://maps.google.com"
|
||||
},
|
||||
{
|
||||
label: "Get Directions",
|
||||
href: "https://maps.google.com"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com"
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com"
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user