222 lines
13 KiB
TypeScript
222 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Coffee, Star, Utensils, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="DG Cafe"
|
|
navItems={[
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reservations", id: "contact" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Visit Us", id: "about" }
|
|
]}
|
|
button={{ text: "Reserve Table", href: "#contact" }}
|
|
buttonClassName="px-6 py-2 rounded-full font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Experience Premium Café Excellence"
|
|
description="Welcome to DG Cafe—where warm coffee tones, smooth animations, and cinematic moments blend to create an unforgettable café experience. Perfect for friends, couples, and families seeking premium comfort in the heart of Chiplun."
|
|
tag="Welcome to DG Cafe"
|
|
tagIcon={Coffee}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244118.jpg", imageAlt: "Cinematic cappuccino with rising steam"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", imageAlt: "Premium cafe interior with warm lighting"
|
|
}
|
|
]}
|
|
rating={5}
|
|
ratingText="Rated by loving customers"
|
|
buttons={[
|
|
{ text: "Reserve Table", href: "#contact" },
|
|
{ text: "Order Now", href: "#products" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="blur-reveal"
|
|
ariaLabel="Hero section - DG Cafe premium experience"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Crafting premium café moments in" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", alt: "DG Cafe signature location" },
|
|
{ type: "text", content: "Chiplun, Maharashtra" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#features" },
|
|
{ text: "Visit Today", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="About section - DG Cafe story"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="Why Choose DG Cafe"
|
|
description="Experience premium service across all our dining options"
|
|
tag="Our Services"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Dine-In Experience", description: "Cozy seating with warm ambiance, perfect for friends, couples, and families seeking intimate café moments", imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg", imageAlt: "Premium dine-in seating area"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Fast Drive-Through", description: "Quick service for on-the-go customers. Order from your car and enjoy fresh café specialties without leaving", imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-interaction-with-mechanic_1170-1431.jpg", imageAlt: "Efficient drive-through service"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Quick Delivery", description: "Reliable delivery service bringing your favorite café treats directly to your doorstep, fresh and hot", imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149737963.jpg", imageAlt: "Professional food delivery service"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
ariaLabel="Features section - DG Cafe services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Popular Dishes"
|
|
description="Discover our signature menu items crafted with premium ingredients"
|
|
tag="Menu Highlights"
|
|
tagIcon={Utensils}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Margherita Pizza", price: "₹350", variant: "Wood-fired, Fresh Basil", imageSrc: "http://img.b2bpic.net/free-photo/dinner-set-with-margherita-pizza-salad-pasta-wine_140725-7828.jpg", imageAlt: "Authentic Margherita pizza"
|
|
},
|
|
{
|
|
id: "2", name: "Gourmet Burger", price: "₹280", variant: "Premium Beef, House Sauce", imageSrc: "http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg", imageAlt: "Gourmet burger with premium toppings"
|
|
},
|
|
{
|
|
id: "3", name: "Club Sandwich", price: "₹220", variant: "Triple Layer, Fresh Veggies", imageSrc: "http://img.b2bpic.net/free-photo/club-sandwiches-set-with-fries-metallic-basket_114579-2140.jpg", imageAlt: "Classic club sandwich"
|
|
},
|
|
{
|
|
id: "4", name: "Cold Coffee", price: "₹180", variant: "Signature Blend, Creamy", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134394.jpg", imageAlt: "Premium cold coffee specialty"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Menu section - DG Cafe popular dishes"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Guests Say"
|
|
description="Real experiences from our valued customers"
|
|
tag="Customer Love"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma, Marketing Executive", date: "Date: 15 January 2025", title: "Best cafe experience in Chiplun!", quote: "DG Cafe has become my favorite hangout spot. The ambiance is perfect, the coffee is exceptional, and the staff makes you feel like family. The animations on their website perfectly capture the vibe of the actual place.", tag: "Premium Member", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-gathering-cafe-enjoying-their-coffee-time-while-talking-each-other_637285-3997.jpg?_wi=1", imageAlt: "Happy moment at DG Cafe"
|
|
},
|
|
{
|
|
id: "2", name: "Rajesh Kumar, Business Owner", date: "Date: 12 January 2025", title: "Perfect venue for client meetings", quote: "We conduct all our business meetings here now. The quiet corners, excellent WiFi, and outstanding beverages make it ideal. The delivery service is impressively fast and reliable.", tag: "Business Client", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Rajesh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-being-kissed-hand-by-her-boyfriend_637285-3196.jpg", imageAlt: "Professional meeting space at cafe"
|
|
},
|
|
{
|
|
id: "3", name: "Anjali & Vikram, Couple", date: "Date: 8 January 2025", title: "Our special place", quote: "The romantic lighting, smooth service, and cozy seating made our anniversary celebration unforgettable. Every detail here reflects care and premium quality. We recommend it to everyone!", tag: "Special Occasions", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Anjali & Vikram", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-gathering-cafe-enjoying-their-coffee-time-while-talking-each-other_637285-3997.jpg?_wi=2", imageAlt: "Couple enjoying intimate moment"
|
|
},
|
|
{
|
|
id: "4", name: "Meera Patel, Family", date: "Date: 20 December 2024", title: "Family favorite every weekend", quote: "Bringing my kids here every weekend has become a tradition. They love the friendly atmosphere, and parents appreciate the quality and hygiene. The drive-through option is a lifesaver on busy days!", tag: "Family Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Meera Patel", imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-26325.jpg", imageAlt: "Family enjoying time together"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Testimonials section - Customer reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience premium café excellence? Reserve your table, order online, or visit us for an unforgettable moment."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Reserve Table", href: "https://wa.me/919876543210?text=I'd%20like%20to%20reserve%20a%20table%20at%20DG%20Cafe" },
|
|
{ text: "Order on WhatsApp", href: "https://wa.me/919876543210?text=Hi%20DG%20Cafe,%20I'd%20like%20to%20order" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact call-to-action section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="DG Cafe"
|
|
copyrightText="© 2025 DG Cafe, Chiplun | All Rights Reserved"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Menu", href: "#products" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Services", href: "#features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/919876543210" },
|
|
{ label: "Call Us", href: "tel:+919876543210" },
|
|
{ label: "Visit Us", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Follow", items: [
|
|
{ label: "Instagram", href: "https://instagram.com/dgcafe" },
|
|
{ label: "Facebook", href: "https://facebook.com/dgcafe" },
|
|
{ label: "Twitter", href: "https://twitter.com/dgcafe" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|