bender/d3b60b20-b122-40b5-a6bd-ebf519d70efb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-09 16:10:14 +00:00
parent e07655c9a2 76e6e305d9
commit beaf71da45
1 changed files with 57 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

340
src/app/page.tsx
View File

@@ -29,137 +29,47 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Gallery",
id: "#gallery",
},
{
name: "Location",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Gallery", id: "#gallery" },
{ name: "Location", id: "#contact" },
]}
brandName="Clove Cafe"
button={{
text: "Call Now",
href: "tel:03046407777",
}}
text: "Call Now", href: "tel:03046407777"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Elevate Your Café Experience"
description="A perfect rooftop escape for great food, coffee, and relaxing moments in F-7 Markaz."
testimonials={[
{
name: "Ayesha K.",
handle: "@ayeshak",
testimonial: "The best rooftop view in Islamabad! So peaceful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sitting-glass-table-with-chocolate-smoothie_1157-1221.jpg?_wi=1",
imageAlt: "modern rooftop cafe sunset view",
},
{
name: "Bilal M.",
handle: "@bilalm",
testimonial: "Excellent pasta and great coffee. Very relaxing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg?_wi=1",
imageAlt: "modern rooftop cafe sunset view",
},
{
name: "Zara Noor",
handle: "@zaranoor",
testimonial: "The atmosphere here is absolutely divine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-strawberries-cupcake-plate-chocolate-cream-candies-strawberries-bowls-cup-herbal-tea-dark-table_140725-117161.jpg?_wi=1",
imageAlt: "modern rooftop cafe sunset view",
},
{
name: "Omar F.",
handle: "@omarfarooq",
testimonial: "Coffee is always fresh and perfect.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-food_23-2150168111.jpg?_wi=1",
imageAlt: "modern rooftop cafe sunset view",
},
{
name: "Sarah K.",
handle: "@sarahk",
testimonial: "My favorite rooftop spot in the city.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-smiling-speaking-resting-cafe-shot-from-outside_176420-6932.jpg?_wi=1",
imageAlt: "modern rooftop cafe sunset view",
},
{ name: "Ayesha K.", handle: "@ayeshak", testimonial: "The best rooftop view in Islamabad! So peaceful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sitting-glass-table-with-chocolate-smoothie_1157-1221.jpg", imageAlt: "modern rooftop cafe sunset view" },
{ name: "Bilal M.", handle: "@bilalm", testimonial: "Excellent pasta and great coffee. Very relaxing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg", imageAlt: "modern rooftop cafe sunset view" },
{ name: "Zara Noor", handle: "@zaranoor", testimonial: "The atmosphere here is absolutely divine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-strawberries-cupcake-plate-chocolate-cream-candies-strawberries-bowls-cup-herbal-tea-dark-table_140725-117161.jpg", imageAlt: "modern rooftop cafe sunset view" },
{ name: "Omar F.", handle: "@omarfarooq", testimonial: "Coffee is always fresh and perfect.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-food_23-2150168111.jpg", imageAlt: "modern rooftop cafe sunset view" },
{ name: "Sarah K.", handle: "@sarahk", testimonial: "My favorite rooftop spot in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-smiling-speaking-resting-cafe-shot-from-outside_176420-6932.jpg", imageAlt: "modern rooftop cafe sunset view" },
]}
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Visit Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-sitting-glass-table-with-chocolate-smoothie_1157-1221.jpg?_wi=2"
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Visit Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-sitting-glass-table-with-chocolate-smoothie_1157-1221.jpg"
imageAlt="modern rooftop cafe sunset view"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/great-landscape-opens-cosy-dinner-table_8353-93.jpg",
alt: "A happy customer",
},
{
src: "http://img.b2bpic.net/free-photo/restaurant-tables-with-cozy-decor_23-2147764388.jpg",
alt: "Another happy customer",
},
{
src: "http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg",
alt: "A regular visitor",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-shot-table-with-elegant-setting-restaurant-hall-evening_181624-24706.jpg",
alt: "A satisfied guest",
},
{
src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg",
alt: "A frequent diner",
},
{ src: "http://img.b2bpic.net/free-photo/great-landscape-opens-cosy-dinner-table_8353-93.jpg", alt: "A happy customer" },
{ src: "http://img.b2bpic.net/free-photo/restaurant-tables-with-cozy-decor_23-2147764388.jpg", alt: "Another happy customer" },
{ src: "http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg", alt: "A regular visitor" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-shot-table-with-elegant-setting-restaurant-hall-evening_181624-24706.jpg", alt: "A satisfied guest" },
{ src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", alt: "A frequent diner" },
]}
marqueeItems={[
{
type: "text",
text: "Artisan Coffee",
},
{
type: "text",
text: "Rooftop Views",
},
{
type: "text",
text: "Cozy Ambiance",
},
{
type: "text",
text: "Fresh Pastries",
},
{
type: "text",
text: "Gourmet Meals",
},
{ type: "text", text: "Artisan Coffee" },
{ type: "text", text: "Rooftop Views" },
{ type: "text", text: "Cozy Ambiance" },
{ type: "text", text: "Fresh Pastries" },
{ type: "text", text: "Gourmet Meals" },
]}
/>
</div>
@@ -171,20 +81,11 @@ export default function LandingPage() {
title="Welcome to Clove Cafe"
description="Located in the vibrant F-7 Markaz, Clove Cafe offers a refreshing rooftop dining experience with a perfect blend of comfort and style. Whether you're here for brunch, coffee, or dinner, our space is designed to help you unwind and enjoy every moment."
bulletPoints={[
{
title: "Artisan Coffee",
description: "Hand-crafted brews every day.",
},
{
title: "Rooftop Views",
description: "Relax under the open sky.",
},
{
title: "Cozy Ambiance",
description: "Perfect for all your moments.",
},
{ title: "Artisan Coffee", description: "Hand-crafted brews every day." },
{ title: "Rooftop Views", description: "Relax under the open sky." },
{ title: "Cozy Ambiance", description: "Perfect for all your moments." },
]}
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg"
imageAlt="cafe interior aesthetic modern cozy"
mediaAnimation="blur-reveal"
/>
@@ -197,42 +98,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Signature Coffee",
price: "Rs 800",
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-strawberries-cupcake-plate-chocolate-cream-candies-strawberries-bowls-cup-herbal-tea-dark-table_140725-117161.jpg?_wi=2",
},
{
id: "2",
name: "Gourmet Pasta",
price: "Rs 1,500",
imageSrc: "http://img.b2bpic.net/free-photo/pasta-topped-with-walnuts-olives_140725-3500.jpg",
},
{
id: "3",
name: "Artisan Burger",
price: "Rs 1,200",
imageSrc: "http://img.b2bpic.net/free-photo/waffles-with-sliced-banana-strawberries-whipping-cream_114579-9242.jpg",
},
{
id: "4",
name: "Fresh Pizza",
price: "Rs 1,800",
imageSrc: "http://img.b2bpic.net/free-photo/european-pretty-woman-hungry-juicy-burger-summer-cafe_343596-2304.jpg",
},
{
id: "5",
name: "Light Salad",
price: "Rs 900",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-near-burger-plate-holding-jar-with-butter_23-2148784521.jpg",
},
{
id: "6",
name: "Delicious Dessert",
price: "Rs 700",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136324.jpg",
},
{ id: "1", name: "Signature Coffee", price: "Rs 800", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-strawberries-cupcake-plate-chocolate-cream-candies-strawberries-bowls-cup-herbal-tea-dark-table_140725-117161.jpg" },
{ id: "2", name: "Gourmet Pasta", price: "Rs 1,500", imageSrc: "http://img.b2bpic.net/free-photo/pasta-topped-with-walnuts-olives_140725-3500.jpg" },
{ id: "3", name: "Artisan Burger", price: "Rs 1,200", imageSrc: "http://img.b2bpic.net/free-photo/waffles-with-sliced-banana-strawberries-whipping-cream_114579-9242.jpg" },
{ id: "4", name: "Fresh Pizza", price: "Rs 1,800", imageSrc: "http://img.b2bpic.net/free-photo/european-pretty-woman-hungry-juicy-burger-summer-cafe_343596-2304.jpg" },
{ id: "5", name: "Light Salad", price: "Rs 900", imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-near-burger-plate-holding-jar-with-butter_23-2148784521.jpg" },
{ id: "6", name: "Delicious Dessert", price: "Rs 700", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136324.jpg" },
]}
title="Fresh Flavors, Beautifully Served"
description="Explore our curated menu with a range of delicious options from beverages to gourmet meals."
@@ -246,21 +117,9 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
features={[
{
title: "Rooftop Seating 🌿",
description: "Enjoy the fresh Islamabad breeze.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-food_23-2150168111.jpg?_wi=2",
},
{
title: "Quiet Atmosphere",
description: "Escape the city hustle.",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-book-tenderness-cute-chair_1150-1189.jpg",
},
{
title: "Perfect for Groups",
description: "Spacious seating for everyone.",
imageSrc: "http://img.b2bpic.net/free-photo/people-eating-appetizers-rooftop-party_23-2148266878.jpg",
},
{ title: "Rooftop Seating 🌿", description: "Enjoy the fresh Islamabad breeze.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-food_23-2150168111.jpg" },
{ title: "Quiet Atmosphere", description: "Escape the city hustle.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-book-tenderness-cute-chair_1150-1189.jpg" },
{ title: "Perfect for Groups", description: "Spacious seating for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/people-eating-appetizers-rooftop-party_23-2148266878.jpg" },
]}
title="Dine Under the Open Sky"
description="Clove Cafe’s rooftop seating offers a peaceful escape from the city. Enjoy fresh air, skyline views, and a cozy atmosphere."
@@ -272,51 +131,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Beautiful Vibe",
quote: "Beautiful rooftop and peaceful environment!",
name: "Sarah Khan",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
imageAlt: "Laptop; digital tablet; book and pot plant on wooden table in the restaurant",
},
{
id: "2",
title: "Great Food",
quote: "Great food and very cozy vibe.",
name: "Ali Hassan",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sitting-glass-table-with-chocolate-smoothie_1157-1221.jpg?_wi=3",
imageAlt: "Laptop; digital tablet; book and pot plant on wooden table in the restaurant",
},
{
id: "3",
title: "Amazing Spot",
quote: "Perfect place for a chill evening.",
name: "Zara Noor",
role: "Writer",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg?_wi=3",
imageAlt: "Laptop; digital tablet; book and pot plant on wooden table in the restaurant",
},
{
id: "4",
title: "Top Tier",
quote: "Love the coffee, love the view.",
name: "Omar Farooq",
role: "Developer",
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-strawberries-cupcake-plate-chocolate-cream-candies-strawberries-bowls-cup-herbal-tea-dark-table_140725-117161.jpg?_wi=3",
imageAlt: "Laptop; digital tablet; book and pot plant on wooden table in the restaurant",
},
{
id: "5",
title: "Hidden Gem",
quote: "A must-visit rooftop in F-7.",
name: "Mina Ahmed",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-food_23-2150168111.jpg?_wi=3",
imageAlt: "Laptop; digital tablet; book and pot plant on wooden table in the restaurant",
},
{ id: "1", title: "Beautiful Vibe", quote: "Beautiful rooftop and peaceful environment!", name: "Sarah Khan", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg" },
{ id: "2", title: "Great Food", quote: "Great food and very cozy vibe.", name: "Ali Hassan", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sitting-glass-table-with-chocolate-smoothie_1157-1221.jpg" },
{ id: "3", title: "Amazing Spot", quote: "Perfect place for a chill evening.", name: "Zara Noor", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg" },
{ id: "4", title: "Top Tier", quote: "Love the coffee, love the view.", name: "Omar Farooq", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cupcake-strawberries-cupcake-plate-chocolate-cream-candies-strawberries-bowls-cup-herbal-tea-dark-table_140725-117161.jpg" },
{ id: "5", title: "Hidden Gem", quote: "A must-visit rooftop in F-7.", name: "Mina Ahmed", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-food_23-2150168111.jpg" },
]}
title="What People Are Saying"
description="With a 4.4 rating, Clove Cafe is loved for its ambiance and food quality."
@@ -325,25 +144,14 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<FeatureCardThree
animationType="scale-rotate"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
features={[
{
title: "Rooftop Views",
description: "Sunset vibes.",
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-smiling-speaking-resting-cafe-shot-from-outside_176420-6932.jpg?_wi=2",
},
{
title: "Coffee Shots",
description: "Perfect plating.",
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187843.jpg",
},
{
title: "Interior Decor",
description: "Cozy aesthetic.",
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-dining-room-comtemporary-style-concept_53876-31643.jpg",
},
{ title: "Rooftop Views", description: "Sunset vibes.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-smiling-speaking-resting-cafe-shot-from-outside_176420-6932.jpg" },
{ title: "Coffee Shots", description: "Perfect plating.", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187843.jpg" },
{ title: "Interior Decor", description: "Cozy aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-dining-room-comtemporary-style-concept_53876-31643.jpg" },
]}
title="Moments at Clove"
description="A glimpse of our rooftop ambiance and delightful servings."
@@ -356,21 +164,11 @@ export default function LandingPage() {
title="Visit Clove Cafe"
description="Unit 20, Block 12-B, F-7 Markaz, Islamabad | 0304 6407777 | Daily 11 AM – 10 PM"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
buttonText="Call Now"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-food_23-2150168111.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-food_23-2150168111.jpg"
/>
</div>
@@ -380,21 +178,11 @@ export default function LandingPage() {
title="Looking for a Peaceful Café Spot?"
description="Visit Clove Cafe and enjoy great food with a beautiful rooftop view."
inputs={[
{
name: "reserve",
type: "text",
placeholder: "Reservation Name",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
},
{ name: "reserve", type: "text", placeholder: "Reservation Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
]}
buttonText="Reserve Now"
imageSrc="http://img.b2bpic.net/free-photo/two-young-beautiful-girls-smiling-speaking-resting-cafe-shot-from-outside_176420-6932.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/two-young-beautiful-girls-smiling-speaking-resting-cafe-shot-from-outside_176420-6932.jpg"
/>
</div>
@@ -403,29 +191,15 @@ export default function LandingPage() {
logoText="Clove Cafe"
columns={[
{
title: "Explore",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Location",
href: "#contact",
},
title: "Explore", items: [
{ label: "Menu", href: "#menu" },
{ label: "Location", href: "#contact" },
],
},
{
title: "Support",
items: [
{
label: "Call Us",
href: "tel:03046407777",
},
{
label: "WhatsApp",
href: "#",
},
title: "Support", items: [
{ label: "Call Us", href: "tel:03046407777" },
{ label: "WhatsApp", href: "#" },
],
},
]}