mulika-local/a466ba22-faaa-4181-9952-a5b48478d298
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
mulika-local
2025-12-25 16:26:34 +00:00
parent b079044a48 a66bc50967
commit 5c7a1a0721
1 changed files with 175 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal'; import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
@@ -9,7 +9,7 @@ import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine'; import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactFaq from '@/components/sections/contact/ContactFaq'; import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Coffee, Leaf, Zap, Star, Heart } from 'lucide-react'; import { Leaf, Zap, Star, Heart, MapPin } from 'lucide-react';
export default function CoffeePage() { export default function CoffeePage() {
return ( return (
@@ -27,15 +27,11 @@ export default function CoffeePage() {
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleMinimal <NavbarStyleMinimal
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg" brandName="Gloria"
links={[ button={{
{ label: "Menu", href: "features" }, text: "Book a Table",
{ label: "About", href: "about" }, href: "#contact"
{ label: "Products", href: "products" }, }}
{ label: "Contact", href: "contact" }
]}
cta="Book a Table"
ctaLink="contact"
/> />
</div> </div>
@@ -43,23 +39,72 @@ export default function CoffeePage() {
<HeroBillboardMetrics <HeroBillboardMetrics
title="Welcome to Gloria Coffee" 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." 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."
primaryCta="Explore Menu" tag="Specialty Coffee House"
primaryCtaLink="features" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg"
secondaryCta="Visit Us" imageAlt="Gloria Coffee House"
secondaryCtaLink="contact" frameStyle="card"
metricsLabel="Trusted by coffee lovers and professionals worldwide"
metrics={[ metrics={[
{ label: "Years of Excellence", value: "15+" }, {
{ label: "Happy Customers Daily", value: "1000+" }, id: "1",
{ label: "Premium Coffee Blends", value: "50+" } 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"
}
]} ]}
image="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg"
badge="Specialty Coffee House"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
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. We partner directly with sustainable coffee farms, employ expert baristas who craft each drink with precision, maintain premium quality standards, and focus on being a community gathering place for meaningful moments." 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>
@@ -67,27 +112,33 @@ export default function CoffeePage() {
<FeatureCardFifteen <FeatureCardFifteen
title="Our Specialty Drinks" title="Our Specialty Drinks"
description="Handcrafted beverages that elevate your coffee experience" description="Handcrafted beverages that elevate your coffee experience"
tag="Signature Selection"
features={[ features={[
{ {
id: "1",
title: "Caramel Macchiato", title: "Caramel Macchiato",
description: "Espresso with steamed milk and signature caramel drizzle", description: "Espresso with steamed milk and signature caramel drizzle",
image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg",
icon: Coffee imageAlt: "Caramel Macchiato"
}, },
{ {
id: "2",
title: "Single Origin Espresso", title: "Single Origin Espresso",
description: "Pure, bold, and perfectly extracted from premium beans", description: "Pure, bold, and perfectly extracted from premium beans",
image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414395178-77w1rchc.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414395178-77w1rchc.jpg",
icon: Star imageAlt: "Single Origin Espresso"
}, },
{ {
id: "3",
title: "Iced Vanilla Latte", title: "Iced Vanilla Latte",
description: "Smooth, refreshing, and perfect for warm days", description: "Smooth, refreshing, and perfect for warm days",
image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
icon: Heart imageAlt: "Iced Vanilla Latte"
} }
]} ]}
badge="Signature Selection" animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/> />
</div> </div>
@@ -95,33 +146,38 @@ export default function CoffeePage() {
<ProductCardSeven <ProductCardSeven
title="Featured Menu Items" title="Featured Menu Items"
description="Discover our most loved offerings" description="Discover our most loved offerings"
tag="Must Try"
products={[ products={[
{ {
id: "1",
name: "Morning Croissant", name: "Morning Croissant",
price: "$5.99", price: "$5.99",
image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573458620-djq2znw8.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573458620-djq2znw8.jpg",
rating: 4.8, imageAlt: "Butter Croissant",
ctaText: "Order Now", rating: 4.5
ctaLink: "contact"
}, },
{ {
id: "2",
name: "Caprese Sandwich", name: "Caprese Sandwich",
price: "$9.99", price: "$9.99",
image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg",
rating: 4.9, imageAlt: "Fresh Caprese Sandwich",
ctaText: "Order Now", rating: 4.8
ctaLink: "contact"
}, },
{ {
id: "3",
name: "Chocolate Cake", name: "Chocolate Cake",
price: "$6.99", price: "$6.99",
image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573460458-6fck1vod.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573460458-6fck1vod.jpg",
rating: 4.7, imageAlt: "Rich Chocolate Cake",
ctaText: "Order Now", rating: 4.7
ctaLink: "contact"
} }
]} ]}
badge="Must Try" gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
carouselMode="buttons"
/> />
</div> </div>
@@ -129,30 +185,40 @@ export default function CoffeePage() {
<TestimonialCardNine <TestimonialCardNine
title="What Our Customers Say" title="What Our Customers Say"
description="Join thousands who've made Gloria their favorite coffeehouse" description="Join thousands who've made Gloria their favorite coffeehouse"
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[ testimonials={[
{ {
id: "1",
quote: "The best espresso I've had outside of Italy. Every barista knows how to perfect each drink.", quote: "The best espresso I've had outside of Italy. Every barista knows how to perfect each drink.",
author: "Maria Rodriguez", name: "Maria Rodriguez",
role: "Regular Customer", role: "Regular Customer",
avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679215769-8spgigse.jpg" 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.", quote: "Gloria is my creative sanctuary. Great coffee, peaceful ambiance, and amazing staff.",
author: "James Chen", name: "James Chen",
role: "Freelancer", role: "Freelancer",
avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508653705-qp2xy5s6.jpg" 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.", quote: "I bring all my clients here for meetings. The atmosphere and quality coffee make the perfect impression.",
author: "Sarah Thompson", name: "Sarah Thompson",
role: "Business Owner", role: "Business Owner",
avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679217178-y1zjo42n.jpg" 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.", quote: "The team remembers my order and always greets me with a smile. That's customer service done right.",
author: "Michael Park", name: "Michael Park",
role: "Morning Regular", role: "Morning Regular",
avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679218140-bhsns38m.jpg" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679218140-bhsns38m.jpg",
imageAlt: "Michael Park"
} }
]} ]}
/> />
@@ -160,26 +226,37 @@ export default function CoffeePage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactFaq <ContactFaq
title="Visit Gloria Coffee" ctaTitle="Visit Gloria Coffee"
description="Join us for your next coffee break. We're open seven days a week." ctaDescription="Join us for your next coffee break. We're open seven days a week."
ctaText="Get Directions" ctaButton={{
ctaLink="https://maps.google.com" text: "Get Directions",
href: "https://maps.google.com"
}}
ctaIcon={MapPin}
useInvertedBackground="noInvert"
animationType="slide-up"
accordionAnimationType="smooth"
showCard={true}
faqs={[ faqs={[
{ {
question: "What are your opening hours?", id: "1",
answer: "Monday - Friday: 6:00 AM - 8:00 PM. Saturday - Sunday: 8:00 AM - 9:00 PM. We're closed on major holidays." 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."
}, },
{ {
question: "Do you offer WiFi?", id: "2",
answer: "Yes, free WiFi is available to all customers. Password is displayed at the counter." title: "Do you offer WiFi?",
content: "Yes, free WiFi is available to all customers. Password is displayed at the counter."
}, },
{ {
question: "Can I reserve a table?", id: "3",
answer: "For groups of 6 or more, we recommend calling ahead at (555) 123-4567 to reserve seating." title: "Can I reserve a table?",
content: "For groups of 6 or more, we recommend calling ahead at (555) 123-4567 to reserve seating."
}, },
{ {
question: "Do you have vegan options?", id: "4",
answer: "Absolutely! We offer plant-based milk alternatives and vegan pastries. Ask our baristas for recommendations." title: "Do you have vegan options?",
content: "Absolutely! We offer plant-based milk alternatives and vegan pastries. Ask our baristas for recommendations."
} }
]} ]}
/> />
@@ -187,36 +264,60 @@ export default function CoffeePage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg"
imageAlt="Premium Coffee Beans"
logoText="Gloria" logoText="Gloria"
description="Premium specialty coffee house serving the finest beverages since 2010." copyrightText="© 2025 Gloria Coffee. All rights reserved."
copyright="© 2025 Gloria Coffee. All rights reserved." columns={[
links={[
{ {
title: "Hours", title: "Hours",
items: [ items: [
{ label: "Monday - Friday: 6 AM - 8 PM", href: "contact" }, {
{ label: "Saturday - Sunday: 8 AM - 9 PM", href: "contact" }, label: "Monday - Friday: 6 AM - 8 PM"
{ label: "Contact: (555) 123-4567", href: "contact" } },
{
label: "Saturday - Sunday: 8 AM - 9 PM"
},
{
label: "Contact: (555) 123-4567"
}
] ]
}, },
{ {
title: "Location", title: "Location",
items: [ items: [
{ label: "123 Coffee Street", href: "https://maps.google.com" }, {
{ label: "Downtown District", href: "https://maps.google.com" }, label: "123 Coffee Street",
{ label: "Get Directions", href: "https://maps.google.com" } href: "https://maps.google.com"
},
{
label: "Downtown District",
href: "https://maps.google.com"
},
{
label: "Get Directions",
href: "https://maps.google.com"
}
] ]
}, },
{ {
title: "Follow Us", title: "Follow Us",
items: [ items: [
{ label: "Instagram", href: "https://instagram.com" }, {
{ label: "Facebook", href: "https://facebook.com" }, label: "Instagram",
{ label: "Contact Us", href: "contact" } href: "https://instagram.com"
},
{
label: "Facebook",
href: "https://facebook.com"
},
{
label: "Contact Us",
href: "#contact"
}
] ]
} }
]} ]}
media="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>