225 lines
11 KiB
TypeScript
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>
|
|
);
|
|
}
|