Compare commits
2 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 64afb5f5a9 | |||
|
e74100b5f8 |
@@ -1,237 +1,35 @@
|
||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import ProductsSection from './HomePage/sections/Products';
|
||||
import MenuFeaturesSection from './HomePage/sections/MenuFeatures';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
|
||||
import MenuSection from './HomePage/sections/Menu';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="Houston's Viral Dessert Destination"
|
||||
title="Taste the Fusion of Middle Eastern Tradition & Modern Trend"
|
||||
description="Experience Dubai Chocolate, authentic Baklava, and our signature specialty Matchas in the heart of Clear Lake."
|
||||
primaryButton={{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-arrangement_23-2149214631.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-colomba-with-pistachio-high-angle_23-2149341718.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-cover-pack_23-2148846633.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-dessert-with-red-sliced-strawberries-pink-background-dessert-ice-cream-cream-sweet-berry-fruit_140725-56099.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-lava_74190-2868.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Story"
|
||||
quote="Dubai & Dips is a destination for taste & trend. We focus on high-quality ingredients, authentic Middle Eastern flavors, and viral dessert creations that bring people together in a modern, stylish space."
|
||||
author="The Dubai & Dips Team"
|
||||
role="Dessert Artisans in Houston"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-glass-pedestal-with-stack-donuts-marble-surface_114579-52250.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Signature Treats"
|
||||
title="Viral Favorites & Classics"
|
||||
description="Explore our curated selection of Middle Eastern delicacies and trendy desserts."
|
||||
items={[
|
||||
{
|
||||
title: "Dubai Chocolate Bar",
|
||||
description: "Viral rich chocolate with kunafa filling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-turkish-traditional-dessert-kunefe-served-with-ice-cream-table_141793-3316.jpg",
|
||||
},
|
||||
{
|
||||
title: "Classic Kunafa",
|
||||
description: "Layers of flaky pastry, sweet cheese & pistachios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/oktoberfest-banner-pack_23-2148602345.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dubai Strawberry Cup",
|
||||
description: "Fresh strawberries with nutty pistachio layers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-eclair-topped-with-pistachio_141793-686.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pistachio Cake Slice",
|
||||
description: "Indulgent slice of our signature cake.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-turkish-sweets-baklava-with-pistachio-served-with-ice-cream-platter_140725-12619.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pistachio Spanish Latte",
|
||||
description: "Creamy espresso with premium pistachio infusion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-business-card-template_23-2149938990.jpg",
|
||||
},
|
||||
{
|
||||
title: "Strawberry Matcha",
|
||||
description: "The perfect balance of earthy matcha and sweet fruit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-chocolate-bars-blue-background_185193-165891.jpg",
|
||||
},
|
||||
{
|
||||
title: "Caramel Macchiato",
|
||||
description: "Rich espresso with silky caramel finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-frappe-coffee-with-cream-caramel_140725-13944.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProductsSection />
|
||||
|
||||
<div id="menu-features" data-section="menu-features">
|
||||
<SectionErrorBoundary name="menu-features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Highlights"
|
||||
title="Why Visit Dubai & Dips?"
|
||||
description="More than just a dessert shop; we are your local spot for quality time and artisanal treats."
|
||||
steps={[
|
||||
{
|
||||
tag: "Atmosphere",
|
||||
title: "Modern Elegance",
|
||||
subtitle: "Stylish & Comfortable",
|
||||
description: "Enjoy our cozy seating with free WiFi and a dog-friendly patio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baklava-traditional-sweetness-served-with-tea_141793-516.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Drinks",
|
||||
title: "Specialty Beverages",
|
||||
subtitle: "Crafted Perfection",
|
||||
description: "From lavender matchas to Spanish lattes, our drinks are designed to pair perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-dessert-with-red-sliced-strawberries-cup-tea-light-pink-background-dessert-ice-cream-berry-cream-sweet-fruit_140725-56064.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Pastries",
|
||||
title: "Authentic Sweets",
|
||||
subtitle: "Traditional Roots",
|
||||
description: "We specialize in baklava, turkish delight, and other time-honored classics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-bookmark-template_23-2149329840.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MenuFeaturesSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Customer Reviews"
|
||||
title="Loved in Houston"
|
||||
description="See what our Clear Lake community has to say about their experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
quote: "The Dubai Chocolate Affogato is absolutely life-changing! Must try.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael C.",
|
||||
role: "Regular",
|
||||
quote: "So happy to have a modern, dog-friendly spot in Clear Lake. The pistachio latte is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Local",
|
||||
quote: "Quality desserts and an even better vibe. The atmosphere is just so elegant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039413.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
role: "Visitor",
|
||||
quote: "Best strawberry matcha in Houston, no contest. High quality ingredients.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jasmine B.",
|
||||
role: "Blogger",
|
||||
quote: "The baklava is so authentic and fresh. Everything here looks beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Get Answers"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our hours or menu? Find your answers here."
|
||||
items={[
|
||||
{
|
||||
question: "Where are you located?",
|
||||
answer: "We are located at 1131 Clear Lake City Blvd, Houston, TX 77062.",
|
||||
},
|
||||
{
|
||||
question: "Is your cafe dog-friendly?",
|
||||
answer: "Yes, we are a dog-friendly spot and welcome your furry friends on our patio.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer free WiFi?",
|
||||
answer: "Yes, we provide free WiFi for all our customers to enjoy while relaxing with their treats.",
|
||||
},
|
||||
{
|
||||
question: "What is your best-selling item?",
|
||||
answer: "Our Dubai Chocolate bars and Pistachio Matchas are consistent fan favorites.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anonymous-woman-taking-macaroons-from-display-case_23-2147787062.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Visit Us"
|
||||
text="Come visit Dubai & Dips today for your sweet fix in Clear Lake."
|
||||
primaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com/?q=1131+Clear+Lake+City+Blvd+Houston+TX",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:281-786-1157",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
<MenuSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
22
src/pages/HomePage/sections/About.tsx
Normal file
22
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Story"
|
||||
quote="Dubai & Dips is a destination for taste & trend. We focus on high-quality ingredients, authentic Middle Eastern flavors, and viral dessert creations that bring people together in a modern, stylish space."
|
||||
author="The Dubai & Dips Team"
|
||||
role="Dessert Artisans in Houston"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-glass-pedestal-with-stack-donuts-marble-surface_114579-52250.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Visit Us"
|
||||
text="Come visit Dubai & Dips today for your sweet fix in Clear Lake."
|
||||
primaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com/?q=1131+Clear+Lake+City+Blvd+Houston+TX",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:281-786-1157",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
39
src/pages/HomePage/sections/Faq.tsx
Normal file
39
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Get Answers"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our hours or menu? Find your answers here."
|
||||
items={[
|
||||
{
|
||||
question: "Where are you located?",
|
||||
answer: "We are located at 1131 Clear Lake City Blvd, Houston, TX 77062.",
|
||||
},
|
||||
{
|
||||
question: "Is your cafe dog-friendly?",
|
||||
answer: "Yes, we are a dog-friendly spot and welcome your furry friends on our patio.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer free WiFi?",
|
||||
answer: "Yes, we provide free WiFi for all our customers to enjoy while relaxing with their treats.",
|
||||
},
|
||||
{
|
||||
question: "What is your best-selling item?",
|
||||
answer: "Our Dubai Chocolate bars and Pistachio Matchas are consistent fan favorites.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anonymous-woman-taking-macaroons-from-display-case_23-2147787062.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
48
src/pages/HomePage/sections/Hero.tsx
Normal file
48
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="Houston's Viral Dessert Destination"
|
||||
title="Taste the Fusion of Middle Eastern Tradition & Modern Trend"
|
||||
description="Experience Dubai Chocolate, authentic Baklava, and our signature specialty Matchas in the heart of Clear Lake."
|
||||
primaryButton={{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-arrangement_23-2149214631.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-colomba-with-pistachio-high-angle_23-2149341718.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-cover-pack_23-2148846633.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-dessert-with-red-sliced-strawberries-pink-background-dessert-ice-cream-cream-sweet-berry-fruit_140725-56099.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-lava_74190-2868.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
96
src/pages/HomePage/sections/Menu.tsx
Normal file
96
src/pages/HomePage/sections/Menu.tsx
Normal file
@@ -0,0 +1,96 @@
|
||||
import React from 'react';
|
||||
import TextAnimation from "@/components/ui/TextAnimation";
|
||||
import ScrollReveal from "@/components/ui/ScrollReveal";
|
||||
|
||||
const menuCategories = [
|
||||
{
|
||||
category: "Baklava & Pastries",
|
||||
items: [
|
||||
{ name: "Carrot Sliced Baklava", price: "$10.70", description: "Flaky pastry, finely chopped pistachios, hint of carrot" },
|
||||
{ name: "Tomato & Mozzarella Pide", price: "$9.51", description: "Baked flatbread, sliced tomatoes, melted mozzarella" },
|
||||
{ name: "Spinach & Cheese Spiral Pie", price: "$9.51", description: "Flaky pastry, seasoned spinach, melted cheese" },
|
||||
{ name: "Potato Spiral Pie", price: "$9.51", description: "Flaky pastry, seasoned mashed potatoes" },
|
||||
{ name: "Mozzarella & Tricolor Pepper Pide", price: "$9.51", description: "Baked pide, melted mozzarella, tricolor peppers" },
|
||||
]
|
||||
},
|
||||
{
|
||||
category: "Signature Desserts",
|
||||
items: [
|
||||
{ name: "Classic Kunafa", price: "$9.51", description: "Shredded phyllo, sweet cheese, crushed pistachios" },
|
||||
{ name: "Dubai Strawberry Cup", price: "$19.03", description: "Fresh strawberries, crushed pistachios, rich sauce" },
|
||||
{ name: "D&D Dubai Chocolate Bar", price: "$8.32", description: "Rich chocolate bar, delicate green icing drizzle" },
|
||||
{ name: "Pistachio Cake Slice", price: "$11.89", description: "Signature pistachio cake" },
|
||||
{ name: "Black Fudge Cake Slice", price: "$9.51", description: "Chocolate cake, creamy fudge filling, chocolate frosting" },
|
||||
]
|
||||
},
|
||||
{
|
||||
category: "Matchas & Frappes",
|
||||
items: [
|
||||
{ name: "Strawberry Matcha", price: "$8.91", description: "Earthy matcha, sweet strawberry blend" },
|
||||
{ name: "Salted Caramel Matcha", price: "$8.91", description: "Vibrant green matcha, rich salted caramel" },
|
||||
{ name: "Pistachio Matcha", price: "$9.51", description: "Rich matcha, pistachio essence" },
|
||||
{ name: "Dubai Chocolate Frappe", price: "$10.10", description: "Rich chocolate, whipped cream, chocolate & green syrup" },
|
||||
{ name: "Pistachio Frappe", price: "$10.10", description: "Creamy pistachio, whipped cream, green syrup" },
|
||||
]
|
||||
},
|
||||
{
|
||||
category: "Coffee & Lattes",
|
||||
items: [
|
||||
{ name: "Pistachio Spanish Latte", price: "$8.92", description: "Rich espresso, milk, pistachio flavor" },
|
||||
{ name: "Dubai Strawberry Latte", price: "$9.51", description: "Creamy latte, strawberry essence" },
|
||||
{ name: "Tiramisu Latte", price: "$8.32", description: "Rich espresso, creamy milk, tiramisu flavors" },
|
||||
{ name: "Midnight Mocha", price: "$7.13", description: "Dark chocolate mocha" },
|
||||
{ name: "Caramel Macchiato", price: "$8.32", description: "Espresso, steamed milk, caramel" },
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
export default function MenuSection() {
|
||||
return (
|
||||
<section id="menu" data-webild-section="menu" className="py-24 bg-background">
|
||||
<div className="w-content-width mx-auto px-6">
|
||||
<div className="flex flex-col items-center mb-16 text-center">
|
||||
<div className="px-3 py-1 mb-4 text-sm card rounded-full w-fit border border-border">
|
||||
<p className="text-foreground font-medium">Our Menu</p>
|
||||
</div>
|
||||
<TextAnimation
|
||||
text="Indulge in Our Creations"
|
||||
variant="fade-blur"
|
||||
gradientText={false}
|
||||
tag="h2"
|
||||
className="text-4xl md:text-5xl lg:text-6xl font-bold text-foreground mb-4"
|
||||
/>
|
||||
<p className="text-lg text-muted-foreground max-w-2xl">
|
||||
From viral Dubai chocolate bars to traditional baklava and specialty drinks, explore our full selection of sweet and savory treats.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16">
|
||||
{menuCategories.map((category, idx) => (
|
||||
<ScrollReveal key={idx} variant="slide-up" delay={idx * 0.1}>
|
||||
<div className="flex flex-col gap-6">
|
||||
<h3 className="text-2xl md:text-3xl font-semibold text-foreground border-b border-border pb-4">
|
||||
{category.category}
|
||||
</h3>
|
||||
<div className="flex flex-col gap-6">
|
||||
{category.items.map((item, itemIdx) => (
|
||||
<div key={itemIdx} className="flex flex-col gap-1">
|
||||
<div className="flex justify-between items-baseline gap-4">
|
||||
<h4 className="text-lg font-medium text-foreground whitespace-nowrap">{item.name}</h4>
|
||||
<div className="flex-grow border-b-2 border-dotted border-border/60 relative -top-1"></div>
|
||||
<span className="text-lg font-semibold text-foreground whitespace-nowrap">{item.price}</span>
|
||||
</div>
|
||||
{item.description && (
|
||||
<p className="text-sm text-muted-foreground pr-12">{item.description}</p>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</ScrollReveal>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/MenuFeatures.tsx
Normal file
43
src/pages/HomePage/sections/MenuFeatures.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "menu-features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MenuFeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="menu-features" data-section="menu-features">
|
||||
<SectionErrorBoundary name="menu-features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Highlights"
|
||||
title="Why Visit Dubai & Dips?"
|
||||
description="More than just a dessert shop; we are your local spot for quality time and artisanal treats."
|
||||
steps={[
|
||||
{
|
||||
tag: "Atmosphere",
|
||||
title: "Modern Elegance",
|
||||
subtitle: "Stylish & Comfortable",
|
||||
description: "Enjoy our cozy seating with free WiFi and a dog-friendly patio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baklava-traditional-sweetness-served-with-tea_141793-516.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Drinks",
|
||||
title: "Specialty Beverages",
|
||||
subtitle: "Crafted Perfection",
|
||||
description: "From lavender matchas to Spanish lattes, our drinks are designed to pair perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-dessert-with-red-sliced-strawberries-cup-tea-light-pink-background-dessert-ice-cream-berry-cream-sweet-fruit_140725-56064.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Pastries",
|
||||
title: "Authentic Sweets",
|
||||
subtitle: "Traditional Roots",
|
||||
description: "We specialize in baklava, turkish delight, and other time-honored classics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-bookmark-template_23-2149329840.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Products.tsx
Normal file
57
src/pages/HomePage/sections/Products.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "products" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProductsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Signature Treats"
|
||||
title="Viral Favorites & Classics"
|
||||
description="Explore our curated selection of Middle Eastern delicacies and trendy desserts."
|
||||
items={[
|
||||
{
|
||||
title: "Dubai Chocolate Bar",
|
||||
description: "Viral rich chocolate with kunafa filling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-turkish-traditional-dessert-kunefe-served-with-ice-cream-table_141793-3316.jpg",
|
||||
},
|
||||
{
|
||||
title: "Classic Kunafa",
|
||||
description: "Layers of flaky pastry, sweet cheese & pistachios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/oktoberfest-banner-pack_23-2148602345.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dubai Strawberry Cup",
|
||||
description: "Fresh strawberries with nutty pistachio layers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-eclair-topped-with-pistachio_141793-686.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pistachio Cake Slice",
|
||||
description: "Indulgent slice of our signature cake.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-turkish-sweets-baklava-with-pistachio-served-with-ice-cream-platter_140725-12619.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pistachio Spanish Latte",
|
||||
description: "Creamy espresso with premium pistachio infusion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-pattern-business-card-template_23-2149938990.jpg",
|
||||
},
|
||||
{
|
||||
title: "Strawberry Matcha",
|
||||
description: "The perfect balance of earthy matcha and sweet fruit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-chocolate-bars-blue-background_185193-165891.jpg",
|
||||
},
|
||||
{
|
||||
title: "Caramel Macchiato",
|
||||
description: "Rich espresso with silky caramel finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-frappe-coffee-with-cream-caramel_140725-13944.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Customer Reviews"
|
||||
title="Loved in Houston"
|
||||
description="See what our Clear Lake community has to say about their experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
quote: "The Dubai Chocolate Affogato is absolutely life-changing! Must try.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael C.",
|
||||
role: "Regular",
|
||||
quote: "So happy to have a modern, dog-friendly spot in Clear Lake. The pistachio latte is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Local",
|
||||
quote: "Quality desserts and an even better vibe. The atmosphere is just so elegant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039413.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
role: "Visitor",
|
||||
quote: "Best strawberry matcha in Houston, no contest. High quality ingredients.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jasmine B.",
|
||||
role: "Blogger",
|
||||
quote: "The baklava is so authentic and fresh. Everything here looks beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user