Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Cafe De Flora"
|
||||
/>
|
||||
@@ -57,82 +42,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Welcome to Cafe De Flora"
|
||||
description="Where elegance meets comfort & flavor. Indulge in an exquisite experience curated for those who appreciate the finer things in life."
|
||||
kpis={[
|
||||
{
|
||||
value: "11AM+",
|
||||
label: "Opening Daily",
|
||||
},
|
||||
{
|
||||
value: "Premium",
|
||||
label: "European Cuisine",
|
||||
},
|
||||
{
|
||||
value: "Aesthetic",
|
||||
label: "Instagram Vibes",
|
||||
},
|
||||
{ value: "11AM+", label: "Opening Daily" },
|
||||
{ value: "Premium", label: "European Cuisine" },
|
||||
{ value: "Aesthetic", label: "Instagram Vibes" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059666.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-shot-modern-light-blue-sofa-white-wooden-table_181624-27906.jpg",
|
||||
alt: "Colorful shot of modern light blue sofa, white wooden table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29110.jpg",
|
||||
alt: "Expressive young woman posing in the studio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg",
|
||||
alt: "Smiling young beautiful female barber in uniform showing okay gesture isolated on pink background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-185.jpg",
|
||||
alt: "Portrait of an expressive woman posing in the studio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trench-coat-showing-okay-gesture-smiling-satisfied-recommending-compa_1258-172975.jpg",
|
||||
alt: "Stylish caucasian woman in trench coat showing okay gesture and smiling satisfied recommending compa",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/colorful-shot-modern-light-blue-sofa-white-wooden-table_181624-27906.jpg", alt: "Colorful shot of modern light blue sofa, white wooden table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-29110.jpg", alt: "Expressive young woman posing in the studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg", alt: "Smiling young beautiful female barber in uniform showing okay gesture isolated on pink background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-185.jpg", alt: "Portrait of an expressive woman posing in the studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trench-coat-showing-okay-gesture-smiling-satisfied-recommending-compa_1258-172975.jpg", alt: "Stylish caucasian woman in trench coat showing okay gesture and smiling satisfied recommending compa" },
|
||||
]}
|
||||
avatarText="Loved by thousands of coffee enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "European Vibes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cozy Ambience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Women-Owned",
|
||||
},
|
||||
{ type: "text", text: "Artisanal Coffee" },
|
||||
{ type: "text", text: "European Vibes" },
|
||||
{ type: "text", text: "Fresh Ingredients" },
|
||||
{ type: "text", text: "Cozy Ambience" },
|
||||
{ type: "text", text: "Women-Owned" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,74 +95,28 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cappuccino",
|
||||
price: "₹350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pesto Pasta",
|
||||
price: "₹650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-noodles-cream-sauce-with-basilic-leaves_114579-2486.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Pizza",
|
||||
price: "₹750",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-board_23-2149298055.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tiramisu",
|
||||
price: "₹450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030735.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Brunch Special",
|
||||
price: "₹850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cold Coffee",
|
||||
price: "₹380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cookie-with-cup-coffee_140725-6427.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Cappuccino", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg" },
|
||||
{ id: "p2", name: "Pesto Pasta", price: "₹650", imageSrc: "http://img.b2bpic.net/free-photo/pasta-noodles-cream-sauce-with-basilic-leaves_114579-2486.jpg" },
|
||||
{ id: "p3", name: "Classic Pizza", price: "₹750", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-board_23-2149298055.jpg" },
|
||||
{ id: "p4", name: "Tiramisu", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030735.jpg" },
|
||||
{ id: "p5", name: "Brunch Special", price: "₹850", imageSrc: "http://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg" },
|
||||
{ id: "p6", name: "Cold Coffee", price: "₹380", imageSrc: "http://img.b2bpic.net/free-photo/cookie-with-cup-coffee_140725-6427.jpg" },
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Indulge in our curated selection of European-inspired delicacies, crafted with premium ingredients and a touch of love."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Full Menu", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Camera,
|
||||
title: "Instagram Moments",
|
||||
description: "Every corner is designed to be the perfect backdrop for your next photo.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Cozy Ambience",
|
||||
description: "Soft lighting, lush greenery, and premium interiors.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Culinary Art",
|
||||
description: "Exquisite plating that looks as good as it tastes.",
|
||||
},
|
||||
{ icon: Camera, title: "Instagram Moments", description: "Every corner is designed to be the perfect backdrop for your next photo." },
|
||||
{ icon: Coffee, title: "Cozy Ambience", description: "Soft lighting, lush greenery, and premium interiors." },
|
||||
{ icon: Utensils, title: "Culinary Art", description: "Exquisite plating that looks as good as it tastes." },
|
||||
]}
|
||||
title="Gallery"
|
||||
description="A glimpse into our aesthetic interiors and culinary artistry."
|
||||
@@ -238,46 +130,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ananya Sharma",
|
||||
role: "Food Blogger",
|
||||
company: "DelhiEats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rohan Mehta",
|
||||
role: "Designer",
|
||||
company: "Studio Delhi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya Singh",
|
||||
role: "Creative",
|
||||
company: "Agency X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vikram Das",
|
||||
role: "Architect",
|
||||
company: "BuildUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sara Khan",
|
||||
role: "Artist",
|
||||
company: "Art Collective",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ananya Sharma", role: "Food Blogger", company: "DelhiEats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg" },
|
||||
{ id: "2", name: "Rohan Mehta", role: "Designer", company: "Studio Delhi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg" },
|
||||
{ id: "3", name: "Priya Singh", role: "Creative", company: "Agency X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg" },
|
||||
{ id: "4", name: "Vikram Das", role: "Architect", company: "BuildUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg" },
|
||||
{ id: "5", name: "Sara Khan", role: "Artist", company: "Art Collective", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Genuine experiences from our lovely community in New Delhi."
|
||||
@@ -287,19 +144,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at Santushti Shopping Complex, New Delhi. Open daily from 11 AM onwards. For reservations, call us at 088829 27513 or book online."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "https://wa.me/918882927513",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Book a Table", href: "https://wa.me/918882927513" },
|
||||
{ text: "Order Online", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -308,49 +157,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Cafe De Flora"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/918882927513",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Gallery", href: "#gallery" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "https://wa.me/918882927513" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user