Files
747ec3da-ff34-46f4-8a91-eac…/src/app/page.tsx
2026-03-03 05:22:04 +00:00

225 lines
11 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Coffee, Sparkles, Leaf, MapPin, Heart, Clock } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Auri Coffee"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Experience the Warmth of Auri Coffee"
description="Discover our cozy café where every cup tells a story of passion and craftsmanship. From artisan espresso to specialty lattes, we brew moments of pure comfort."
tag="Premium Coffee Experience"
tagIcon={Coffee}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg", imageAlt: "Signature latte with latte art"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", imageAlt: "Cozy café interior with warm lighting"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-glass-coffee-blue-surface_181624-32956.jpg", imageAlt: "Perfect espresso shot with crema"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2309.jpg", imageAlt: "Premium coffee beans selection"
}
]}
mediaAnimation="slide-up"
buttons={[
{ text: "View Menu", href: "menu" },
{ text: "Reserve a Table", href: "contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="Our Story"
description="Auri Coffee Indonesia was founded with a simple mission: to create a sanctuary where coffee lovers gather to share moments of joy and connection. We source the finest beans from local Indonesian plantations, roast them with precision, and serve each cup with care and passion. Our intimate café spaces are designed to inspire creativity, foster friendships, and celebrate the art of coffee."
tag="Locally Roasted"
tagIcon={Leaf}
imageSrc="http://img.b2bpic.net/free-photo/blank-mock-up-design-cafe-signboard-nice-building-outdoors_158595-6498.jpg"
imageAlt="Auri Coffee café exterior and entrance"
buttons={[
{ text: "Explore Our Story", href: "#" }
]}
useInvertedBackground={false}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
title="Featured Menu Items"
description="Handcrafted beverages and delicious pastries to complement your coffee experience"
tag="Specialty Selection"
tagIcon={Sparkles}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1", brand: "Auri Signature", name: "Espresso Macchiato", price: "Rp 35,000", rating: 5,
reviewCount: "892", imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-coffee-with-cinnamon-sticks_141793-775.jpg", imageAlt: "Espresso macchiato with perfect proportions"
},
{
id: "2", brand: "Auri Signature", name: "Honey Latte", price: "Rp 45,000", rating: 5,
reviewCount: "756", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104773.jpg", imageAlt: "Smooth honey latte with natural sweetness"
},
{
id: "3", brand: "Auri Signature", name: "Cold Brew Nitro", price: "Rp 50,000", rating: 5,
reviewCount: "643", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-coffee-rustic-table_23-2147693441.jpg", imageAlt: "Silky cold brew nitro coffee"
}
]}
buttons={[
{ text: "See Full Menu", href: "#" }
]}
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardEight
title="Our Café Experience"
description="Explore the different moments that make Auri Coffee special"
tag="Café Journey"
tagIcon={MapPin}
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Cozy Ambiance", description: "Warm lighting, comfortable seating, and carefully curated décor create the perfect atmosphere for work, study, or simply unwinding.", imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"
},
{
id: 2,
title: "Skilled Baristas", description: "Our certified baristas craft each beverage with precision and artistry, ensuring every sip exceeds your expectations.", imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg"
},
{
id: 3,
title: "Local Community Hub", description: "More than just a café, we're a gathering place where neighbors become friends and ideas flow as freely as our coffee.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg"
}
]}
buttons={[
{ text: "Visit Us Today", href: "contact" }
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTwelve
cardTitle="Join thousands of coffee enthusiasts who trust Auri Coffee as their favorite café destination"
cardTag="Loved by Our Community"
cardTagIcon={Heart}
cardAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Siti Nurhaliza", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "Siti Nurhaliza"
},
{
id: "2", name: "Budi Santoso", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Budi Santoso"
},
{
id: "3", name: "Dewi Lestari", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "Dewi Lestari"
},
{
id: "4", name: "Ahmad Wijaya", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Ahmad Wijaya"
},
{
id: "5", name: "Maya Indira", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3", imageAlt: "Maya Indira"
},
{
id: "6", name: "Rendra Kusuma", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Rendra Kusuma"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
title="Reserve Your Spot Today"
description="Want to book a table at Auri Coffee or have a question about our menu? Reach out to us and we'll make sure your next visit is perfect. You can also contact us directly via WhatsApp for quick reservations."
tagIcon={Clock}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg"
imageAlt="Coffee moment at Auri"
mediaAnimation="opacity"
mediaPosition="right"
inputPlaceholder="Enter your email address"
buttonText="Send Message"
termsText="We respect your privacy and will only use your contact information to respond to your inquiry."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Auri Coffee"
columns={[
{
items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Menu", href: "#menu" }
]
},
{
items: [
{ label: "Gallery", href: "#gallery" },
{ label: "Contact", href: "#contact" },
{ label: "Reservations", href: "#contact" }
]
},
{
items: [
{ label: "Instagram", href: "https://instagram.com/auricoffee" },
{ label: "WhatsApp", href: "https://wa.me/62812345678" },
{ label: "Location", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}