Merge version_1 into main #2
400
src/app/page.tsx
400
src/app/page.tsx
@@ -26,298 +26,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Flavors",
|
||||
id: "flavors",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
]}
|
||||
brandName="KALAA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Flavors", id: "flavors" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="KALAA"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Indulgence Redefined"
|
||||
description="Authentic Lebanese luxury, churned to perfection. Discover the art of gelato inspired by the hidden gems of the Levant."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Kalaa Fan",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-transparent-umbrella-with-copy-space_23-2148647670.jpg",
|
||||
alt: "Kalaa Fan",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5923.jpg",
|
||||
alt: "Kalaa Fan",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3935.jpg",
|
||||
alt: "Kalaa Fan",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-indian-woman-loving-dessert_1262-5797.jpg",
|
||||
alt: "Kalaa Fan",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by dessert connoisseurs"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Flavors",
|
||||
href: "#flavors",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lebanese Inspired",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxurious Taste",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Indulgence Redefined"
|
||||
description="Authentic Lebanese luxury, churned to perfection. Discover the art of gelato inspired by the hidden gems of the Levant."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Kalaa Fan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-transparent-umbrella-with-copy-space_23-2148647670.jpg", alt: "Kalaa Fan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5923.jpg", alt: "Kalaa Fan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3935.jpg", alt: "Kalaa Fan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-indian-woman-loving-dessert_1262-5797.jpg", alt: "Kalaa Fan" },
|
||||
]}
|
||||
avatarText="Loved by dessert connoisseurs"
|
||||
buttons={[{ text: "Discover Flavors", href: "#flavors" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Artisan Crafted" },
|
||||
{ type: "text", text: "Lebanese Inspired" },
|
||||
{ type: "text", text: "Small Batch" },
|
||||
{ type: "text", text: "Premium Ingredients" },
|
||||
{ type: "text", text: "Luxurious Taste" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="marquee" data-section="marquee">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Mulberry & Arak · Kashta & Pistachio · Hidden Gem of Lebanon · Saffron Delight"
|
||||
/>
|
||||
</div>
|
||||
<div id="marquee" data-section="marquee">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Mulberry & Arak · Kashta & Pistachio · Hidden Gem of Lebanon · Saffron Delight"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Born in the Levant, crafted for the world. Kalaa is where ancestral tradition meets contemporary indulgence."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Born in the Levant, crafted for the world. Kalaa is where ancestral tradition meets contemporary indulgence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="flavors" data-section="flavors">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kashta & Pistachio",
|
||||
price: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-swirled-ice-cream-cone_23-2151991278.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mulberry & Arak",
|
||||
price: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-roasted-plum-ice-cream-recipe-food-photography_53876-96020.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rose & Honey",
|
||||
price: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-137784.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Saffron Gold",
|
||||
price: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/honey-cake-with-cinnamon-fruits-white-plate-tea_114579-17233.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Date & Cardamom",
|
||||
price: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-frosting-texture-background-close-up_53876-139951.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chocolate Tahini",
|
||||
price: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-ice-cream-texture_23-2149450685.jpg",
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
name: "Orange Blossom",
|
||||
price: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-granita-dessert-with-leaves_23-2149395573.jpg",
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
name: "Honey Almond",
|
||||
price: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lychee-frosting-texture-background-close-up_53876-134234.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Explore our hand-churned selection of Middle-Eastern inspired gelatos."
|
||||
/>
|
||||
</div>
|
||||
<div id="flavors" data-section="flavors">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Kashta & Pistachio", price: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-swirled-ice-cream-cone_23-2151991278.jpg" },
|
||||
{ id: "2", name: "Mulberry & Arak", price: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/homemade-roasted-plum-ice-cream-recipe-food-photography_53876-96020.jpg" },
|
||||
{ id: "3", name: "Rose & Honey", price: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-137784.jpg" },
|
||||
{ id: "4", name: "Saffron Gold", price: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/honey-cake-with-cinnamon-fruits-white-plate-tea_114579-17233.jpg" },
|
||||
{ id: "5", name: "Date & Cardamom", price: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/brown-frosting-texture-background-close-up_53876-139951.jpg" },
|
||||
{ id: "6", name: "Chocolate Tahini", price: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-ice-cream-texture_23-2149450685.jpg" },
|
||||
{ id: "7", name: "Orange Blossom", price: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-granita-dessert-with-leaves_23-2149395573.jpg" },
|
||||
{ id: "8", name: "Honey Almond", price: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/lychee-frosting-texture-background-close-up_53876-134234.jpg" },
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Explore our hand-churned selection of Middle-Eastern inspired gelatos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="picks" data-section="picks">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Kashta Solo",
|
||||
subtitle: "A creamy, timeless classic.",
|
||||
category: "Classic",
|
||||
value: "Essential",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Pistachio Crunch",
|
||||
subtitle: "Crunchy roasted nuts in every bite.",
|
||||
category: "Textured",
|
||||
value: "Popular",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Seasonal Sorbet",
|
||||
subtitle: "Refreshing fruit-forward flavors.",
|
||||
category: "Fresh",
|
||||
value: "Seasonal",
|
||||
},
|
||||
]}
|
||||
title="Signature Picks"
|
||||
description="The insider guide to our best-loved pairings."
|
||||
/>
|
||||
</div>
|
||||
<div id="picks" data-section="picks">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Kashta Solo", subtitle: "A creamy, timeless classic.", category: "Classic", value: "Essential" },
|
||||
{ id: "f2", title: "Pistachio Crunch", subtitle: "Crunchy roasted nuts in every bite.", category: "Textured", value: "Popular" },
|
||||
{ id: "f3", title: "Seasonal Sorbet", subtitle: "Refreshing fruit-forward flavors.", category: "Fresh", value: "Seasonal" },
|
||||
]}
|
||||
title="Signature Picks"
|
||||
description="The insider guide to our best-loved pairings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2024",
|
||||
title: "Visitor from Sweden",
|
||||
quote: "The most authentic Kashta flavor I've had outside of Lebanon.",
|
||||
tag: "Top Pick",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-young-woman-choosing-pastries_171337-16951.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-cake-christmas-baubles-marble-surface_114579-75327.jpg",
|
||||
imageAlt: "happy customer portrait warm lighting",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
date: "Sep 2024",
|
||||
title: "Local Regular",
|
||||
quote: "The textures are perfection. I come back for the Mulberry every week.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-standing-kitchen-with-donut_1157-28291.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-swirled-ice-cream-cone_23-2151991278.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait warm lighting",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amina R.",
|
||||
date: "Aug 2024",
|
||||
title: "Foodie",
|
||||
quote: "Kalaa is not just ice cream, it's a sensory experience.",
|
||||
tag: "Epicurean",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-roasted-plum-ice-cream-recipe-food-photography_53876-96020.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait warm lighting",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "Jul 2024",
|
||||
title: "Dessert Lover",
|
||||
quote: "Simply exquisite. The balance of flavors is unparalleled.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290152.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-137784.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait warm lighting",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena C.",
|
||||
date: "Jun 2024",
|
||||
title: "New Regular",
|
||||
quote: "A luxurious indulgence that I treat myself to every weekend.",
|
||||
tag: "New Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/honey-cake-with-cinnamon-fruits-white-plate-tea_114579-17233.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait warm lighting",
|
||||
},
|
||||
]}
|
||||
title="What Our Connoisseurs Say"
|
||||
description="Heartfelt reviews from our beloved community."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", date: "Oct 2024", title: "Visitor from Sweden", quote: "The most authentic Kashta flavor I've had outside of Lebanon.", tag: "Top Pick", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-young-woman-choosing-pastries_171337-16951.jpg", imageSrc: "http://img.b2bpic.net/free-photo/small-cake-christmas-baubles-marble-surface_114579-75327.jpg", imageAlt: "happy customer portrait warm lighting" },
|
||||
{ id: "t2", name: "Mark L.", date: "Sep 2024", title: "Local Regular", quote: "The textures are perfection. I come back for the Mulberry every week.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-standing-kitchen-with-donut_1157-28291.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-swirled-ice-cream-cone_23-2151991278.jpg", imageAlt: "happy customer portrait warm lighting" },
|
||||
{ id: "t3", name: "Amina R.", date: "Aug 2024", title: "Foodie", quote: "Kalaa is not just ice cream, it's a sensory experience.", tag: "Epicurean", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg", imageSrc: "http://img.b2bpic.net/free-photo/homemade-roasted-plum-ice-cream-recipe-food-photography_53876-96020.jpg", imageAlt: "happy customer portrait warm lighting" },
|
||||
{ id: "t4", name: "David W.", date: "Jul 2024", title: "Dessert Lover", quote: "Simply exquisite. The balance of flavors is unparalleled.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-peson-with-their-frinds_23-2149290152.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-137784.jpg", imageAlt: "happy customer portrait warm lighting" },
|
||||
{ id: "t5", name: "Elena C.", date: "Jun 2024", title: "New Regular", quote: "A luxurious indulgence that I treat myself to every weekend.", tag: "New Fan", avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg", imageSrc: "http://img.b2bpic.net/free-photo/honey-cake-with-cinnamon-fruits-white-plate-tea_114579-17233.jpg", imageAlt: "happy customer portrait warm lighting" },
|
||||
]}
|
||||
title="What Our Connoisseurs Say"
|
||||
description="Heartfelt reviews from our beloved community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Your Taste Buds Deserve This"
|
||||
description="Visit our boutique, follow our journey, or get in touch for custom orders."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your thoughts or custom order request",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-bowl-ice-cream-with-beautiful-flower-decorations_181624-1766.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Your Taste Buds Deserve This"
|
||||
description="Visit our boutique, follow our journey, or get in touch for custom orders."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your thoughts or custom order request", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-bowl-ice-cream-with-beautiful-flower-decorations_181624-1766.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="KALAA"
|
||||
copyrightText="© 2025 Kalaa Ice Cream | Refined Indulgence"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="KALAA"
|
||||
copyrightText="© 2025 Kalaa Ice Cream | Refined Indulgence"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user