222 lines
13 KiB
TypeScript
222 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Dicto Cafe"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "#menu" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Experience Warangal's Most Aesthetic Open Café"
|
|
description="Scan. Order. Relax. Enjoy premium coffee, tea, and food in Greece-inspired elegance at Dicto Cafe."
|
|
background={{ variant: "plain" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562561.jpg", alt: "Dicto Cafe aesthetic outdoor seating"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Order Now", href: "#menu" },
|
|
{ text: "View Menu", href: "#menu" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<FeatureCardThree
|
|
title="Captured Moments at Dicto Cafe"
|
|
description="Experience the aesthetic beauty of our Greece-inspired open-air café through every moment."
|
|
features={[
|
|
{
|
|
id: "ambiance-1", title: "Serene Seating", description: "White architecture with lush greenery creates a calm, intimate ambiance perfect for dates and hangouts.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg", imageAlt: "Dicto Cafe serene outdoor seating area"
|
|
},
|
|
{
|
|
id: "ambiance-2", title: "Open-Air Elegance", description: "Premium outdoor setting with natural lighting and soft shadows enhancing every moment.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant-chatting_23-2148395449.jpg", imageAlt: "Dicto Cafe open-air elegant dining"
|
|
},
|
|
{
|
|
id: "ambiance-3", title: "Culinary Artistry", description: "Beautiful presentation of carefully crafted beverages and dishes in an aesthetic setting.", imageSrc: "http://img.b2bpic.net/free-photo/cups-coffee-table_23-2148900623.jpg", imageAlt: "Dicto Cafe food and beverage presentation"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Gallery"
|
|
tagAnimation="slide-up"
|
|
ariaLabel="Gallery section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Greece-Inspired Aesthetic Excellence"
|
|
description={[
|
|
"Dicto Cafe is Hanamkonda's premier open-air destination, featuring authentic Greece-inspired white architecture blended seamlessly with lush greenery. Our calm, welcoming environment is designed for memorable moments—whether you're on a romantic date, catching up with friends, or enjoying a quiet afternoon.", "Located at Hunter Rd, near Temple Trees Villas in Sri Sai Nagar Colony, Shyampet, we bring Mediterranean charm to Warangal. Every detail, from our minimalist design to our premium service, reflects our commitment to creating an unparalleled café experience."
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Scan QR to Order", href: "#menu" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="About section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Browse & Order Menu"
|
|
description="Scan QR at your table, select items, and place your order instantly. No login required."
|
|
products={[
|
|
{
|
|
id: "espresso", name: "Espresso", price: "₹80", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/top-view-flour-cookies-with-strawberry-jam-wooden-board-pieces-sesame-kozinaki-cup-coffee-black-background-with-copy-space_141793-9079.jpg?_wi=1", imageAlt: "Premium espresso shot"
|
|
},
|
|
{
|
|
id: "cappuccino", name: "Cappuccino", price: "₹120", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/top-view-flour-cookies-with-strawberry-jam-wooden-board-pieces-sesame-kozinaki-cup-coffee-black-background-with-copy-space_141793-9079.jpg?_wi=2", imageAlt: "Classic cappuccino"
|
|
},
|
|
{
|
|
id: "latte", name: "Latte", price: "₹130", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/top-view-flour-cookies-with-strawberry-jam-wooden-board-pieces-sesame-kozinaki-cup-coffee-black-background-with-copy-space_141793-9079.jpg?_wi=3", imageAlt: "Smooth latte"
|
|
},
|
|
{
|
|
id: "green-tea", name: "Green Tea", price: "₹60", variant: "Tea", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-textured-teapot-blurred-background-closeup_169016-25246.jpg?_wi=1", imageAlt: "Fresh green tea"
|
|
},
|
|
{
|
|
id: "herbal-tea", name: "Herbal Tea", price: "₹70", variant: "Tea", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-textured-teapot-blurred-background-closeup_169016-25246.jpg?_wi=2", imageAlt: "Relaxing herbal tea"
|
|
},
|
|
{
|
|
id: "iced-tea", name: "Iced Tea", price: "₹80", variant: "Tea", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-textured-teapot-blurred-background-closeup_169016-25246.jpg?_wi=3", imageAlt: "Refreshing iced tea"
|
|
},
|
|
{
|
|
id: "sandwich", name: "Gourmet Sandwich", price: "₹250", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-cherry-jam-from-crystal-pot-into-saucer-tea-setup_140725-528.jpg?_wi=1", imageAlt: "Artisan sandwich"
|
|
},
|
|
{
|
|
id: "salad", name: "Fresh Salad", price: "₹200", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-cherry-jam-from-crystal-pot-into-saucer-tea-setup_140725-528.jpg?_wi=2", imageAlt: "Seasonal fresh salad"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Order Now"
|
|
tagAnimation="slide-up"
|
|
ariaLabel="Menu ordering section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Guests Say"
|
|
description="Loved by locals and visitors alike. Experience the magic of Dicto Cafe through their words."
|
|
tag="3.3★ Rating"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", date: "2 weeks ago", title: "Perfect for dates", quote: "The aesthetic white architecture and green surroundings create such a romantic atmosphere. Ordering via QR was so convenient!", tag: "Couples", avatarSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg", avatarAlt: "Priya Sharma profile"
|
|
},
|
|
{
|
|
id: "2", name: "Arjun Kumar", date: "1 month ago", title: "Amazing coffee", quote: "Best espresso in Warangal. The café ambiance is just stunning. Highly recommended!", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg", avatarAlt: "Arjun Kumar profile"
|
|
},
|
|
{
|
|
id: "3", name: "Sneha Reddy", date: "3 weeks ago", title: "Great for hangouts", quote: "Perfect place to spend time with friends. The QR ordering system is quick and easy. Love this place!", tag: "Friend Groups", avatarSrc: "http://img.b2bpic.net/free-photo/confident-man-holding-cellphone-diary-looking-camera_23-2148187180.jpg", avatarAlt: "Sneha Reddy profile"
|
|
},
|
|
{
|
|
id: "4", name: "Rohan Singh", date: "1 week ago", title: "Aesthetic heaven", quote: "The Greece-inspired design is absolutely stunning. Every corner is Instagram-worthy. Food quality is excellent too!", tag: "Photography", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-sitting-cafe-table-with-tea_1170-679.jpg", avatarAlt: "Rohan Singh profile"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Visit Us"
|
|
title="Dicto Cafe Location"
|
|
description="Hunter Rd, near Temple Trees Villas, Sri Sai Nagar Colony, Shyampet, Warangal, Hanamkonda, Telangana 506001"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/tourist-pointed-their-finger-map_1150-24541.jpg"
|
|
imageAlt="Dicto Cafe location map"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Updates"
|
|
termsText="Stay updated with new menu items, special offers, and café events."
|
|
ariaLabel="Location and contact section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Dicto Cafe"
|
|
copyrightText="© 2025 Dicto Cafe | Hanamkonda's Most Aesthetic Open Café"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Coffee", href: "#menu" },
|
|
{ label: "Tea", href: "#menu" },
|
|
{ label: "Food", href: "#menu" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Gallery", href: "#gallery" },
|
|
{ label: "Reviews", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Location", href: "#contact" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Order Now", href: "#menu" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |