Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-11 21:25:27 +00:00

View File

@@ -1,338 +1,130 @@
"use client";
import React from 'react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function LandingPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
];
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmall"
background="grid"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Our Cakes",
id: "#products",
},
{
name: "Coffee",
id: "#features",
},
{
name: "About",
id: "#about",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Yummies"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Where Art Meets Indulgence"
description="Riyadh's best-kept secret. Meticulously handcrafted cakes and artisan coffee in a space designed for soul-soothing moments."
testimonials={[
{
name: "Sarah A.",
handle: "@sarah_riyadh",
testimonial: "The best hidden gem for cakes in Riyadh. Absolutely divine!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-happily-holding-plate-with-slice-chocolate-cake-hands-yellow-background-isolated_574295-5384.jpg",
},
{
name: "Khalid M.",
handle: "@khalid_foodie",
testimonial: "Art cakes, creamy, delicious and so yummy. I love it.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-sitting-table-with-cupcakes-smiling_171337-14488.jpg",
},
{
name: "Laila O.",
handle: "@laila_bakes",
testimonial: "Delicious and high quality, I'll definitely go back! 😍",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-lady-sitting-posing-near-cupcakes-table_171337-14185.jpg",
},
{
name: "Omar K.",
handle: "@omar_k",
testimonial: "A moment of pure joy in every bite. Truly artisan.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lady-is-preparing-dessert-woman-bakes-cake-confectioner-with-chocolate-cake_1157-42205.jpg",
},
{
name: "Nora F.",
handle: "@nora_f",
testimonial: "Excellent coffee pairings with their signature black forest!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-pastry-cream-oval-plate-chocolate-bowl-fork-dinner-knife-tasty-word-written-notebook_140725-99896.jpg",
},
]}
buttons={[
{
text: "Discover Our Creations",
href: "#products",
},
{
text: "Order Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-137784.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-strawberries-candies-white-surface-celebration-tea-sweet-biscuit-sugar-cake-cream_140725-101975.jpg",
alt: "Customer profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-raisins-cup-tea-light-dark-background_140725-80176.jpg",
alt: "Customer profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-creamy-delicious-cakes-with-sliced-strawberries-white-surface-birthday-tea-biscuit-sweet-cake-cream_140725-101668.jpg",
alt: "Customer profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-eats-croissants-with-coffee-cafe_169016-22375.jpg",
alt: "Customer profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-women-blowing-candle_23-2149006859.jpg",
alt: "Customer profile 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Artisan",
},
{
type: "text",
text: "Fresh Daily",
},
{
type: "text",
text: "Gourmet",
},
{
type: "text",
text: "Specialty",
},
{
type: "text",
text: "Luxurious",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="Handcrafted Perfection"
description="Every cake tells a story. We blend traditional techniques with modern artistry to create memories in every bite."
accordionItems={[
{
id: "feat-1",
title: "Artisan Cakes",
content: "Meticulously crafted visual masterpieces, baked fresh daily using premium ingredients.",
},
{
id: "feat-2",
title: "Premium Coffee",
content: "Shelsali coffee from Salalat, roasted to perfection for a rich and bold experience.",
},
{
id: "feat-3",
title: "Fresh Daily",
content: "Made with love every single morning to ensure the highest standards of taste and texture.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake-concept_23-2148801109.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Black Forest Royale",
price: "45 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-chocolate-cake_23-2148801112.jpg",
},
{
id: "p2",
name: "Lemon Cloud Dream",
price: "38 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cream-cake-with-sliced-fruits_140725-100227.jpg",
},
{
id: "p3",
name: "Blueberry Bliss",
price: "42 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-blueberry-tart-white-plate_1203-9324.jpg",
},
{
id: "p4",
name: "Midnight Chocolate",
price: "50 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-holding-palatable-cake_23-2147787097.jpg",
},
{
id: "p5",
name: "Golden Honey Sponge",
price: "48 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake-concept_23-2148801103.jpg",
},
{
id: "p6",
name: "Strawberry Delight",
price: "40 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-cup-coffee-marble-surface_114579-29838.jpg",
},
]}
title="Our Signature Collection"
description="Flavors Riyadh can't resist. Explore our meticulously curated selection of handcrafted sweet moments."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah A.",
handle: "@sarah_a",
testimonial: "One of the best spots and hidden gems for cakes in Riyadh.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-showing-approval_23-2148334512.jpg",
},
{
id: "t2",
name: "Khalid M.",
handle: "@khalid_m",
testimonial: "Art cakes, creamy, delicious and so yummy.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-older-business-woman-having-dessert-while-working_23-2148661255.jpg",
},
{
id: "t3",
name: "Laila O.",
handle: "@laila_o",
testimonial: "The cakes are delicious and of high quality... I'll definitely go back! 😍",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-dish-arab-food_23-2147794296.jpg",
},
{
id: "t4",
name: "Omar K.",
handle: "@omar_k",
testimonial: "A moment of pure joy in every bite. Truly artisan.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-holding-tray-delicious-cake-with-white-whipped-cream_23-2147874525.jpg",
},
{
id: "t5",
name: "Nora F.",
handle: "@nora_f",
testimonial: "Excellent coffee pairings with their signature black forest!",
imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039443.jpg",
},
]}
title="Loved by Riyadh"
description="Real stories from our patrons who made Yummies their sweet escape."
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="More Than Just Cake"
description="It's a moment of pure joy. From our intimate seating to our handcrafted artisan processes, we invite you to experience the difference."
bulletPoints={[
{
title: "Intimate Setting",
description: "Cozy indoor tables and charming outdoor seating.",
},
{
title: "Fresh Daily",
description: "From classic favorites to creative new flavor profiles.",
},
{
title: "Premium Coffee",
description: "Shelsali beans imported from Salalat.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944028.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
title="Find Your Sweet Escape"
description="Visit our hidden gem in Riyadh or order delivery for your next gathering."
inputPlaceholder="Enter your email for exclusive offers"
buttonText="Subscribe"
tag="Stay Updated"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Yummies"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Contact Us",
href: "#contact",
}}
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={navItems} brandName="Yummies" />
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Where Art Meets Indulgence"
description="Riyadh's best-kept secret. Meticulously handcrafted cakes and artisan coffee in a space designed for soul-soothing moments."
testimonials={[
{ name: "Sarah A.", handle: "@sarah_riyadh", testimonial: "The best hidden gem for cakes in Riyadh. Absolutely divine!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-happily-holding-plate-with-slice-chocolate-cake-hands-yellow-background-isolated_574295-5384.jpg" },
{ name: "Khalid M.", handle: "@khalid_foodie", testimonial: "Art cakes, creamy, delicious and so yummy. I love it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-sitting-table-with-cupcakes-smiling_171337-14488.jpg" },
{ name: "Laila O.", handle: "@laila_bakes", testimonial: "Delicious and high quality, I'll definitely go back! 😍", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-lady-sitting-posing-near-cupcakes-table_171337-14185.jpg" },
{ name: "Omar K.", handle: "@omar_k", testimonial: "A moment of pure joy in every bite. Truly artisan.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lady-is-preparing-dessert-woman-bakes-cake-confectioner-with-chocolate-cake_1157-42205.jpg" },
{ name: "Nora F.", handle: "@nora_f", testimonial: "Excellent coffee pairings with their signature black forest!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-pastry-cream-oval-plate-chocolate-bowl-fork-dinner-knife-tasty-word-written-notebook_140725-99896.jpg" }
]}
buttons={[{ text: "Discover Our Creations", href: "#products" }, { text: "Order Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-137784.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-strawberries-candies-white-surface-celebration-tea-sweet-biscuit-sugar-cake-cream_140725-101975.jpg", alt: "Customer profile 1" },
{ src: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-raisins-cup-tea-light-dark-background_140725-80176.jpg", alt: "Customer profile 2" },
{ src: "http://img.b2bpic.net/free-photo/top-view-creamy-delicious-cakes-with-sliced-strawberries-white-surface-birthday-tea-biscuit-sweet-cake-cream_140725-101668.jpg", alt: "Customer profile 3" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-eats-croissants-with-coffee-cafe_169016-22375.jpg", alt: "Customer profile 4" },
{ src: "http://img.b2bpic.net/free-photo/close-up-women-blowing-candle_23-2149006859.jpg", alt: "Customer profile 5" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
title="Handcrafted Perfection"
description="Every cake tells a story. We blend traditional techniques with modern artistry to create memories in every bite."
accordionItems={[
{ id: "feat-1", title: "Artisan Cakes", content: "Meticulously crafted visual masterpieces, baked fresh daily using premium ingredients." },
{ id: "feat-2", title: "Premium Coffee", content: "Shelsali coffee from Salalat, roasted to perfection for a rich and bold experience." },
{ id: "feat-3", title: "Fresh Daily", content: "Made with love every single morning to ensure the highest standards of taste and texture." }
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake-concept_23-2148801109.jpg"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
title="Our Signature Collection"
description="Flavors Riyadh can't resist. Explore our meticulously curated selection of handcrafted sweet moments."
products={[
{ id: "p1", name: "Black Forest Royale", price: "45 SAR", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-chocolate-cake_23-2148801112.jpg" },
{ id: "p2", name: "Lemon Cloud Dream", price: "38 SAR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cream-cake-with-sliced-fruits_140725-100227.jpg" },
{ id: "p3", name: "Blueberry Bliss", price: "42 SAR", imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-blueberry-tart-white-plate_1203-9324.jpg" },
{ id: "p4", name: "Midnight Chocolate", price: "50 SAR", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-holding-palatable-cake_23-2147787097.jpg" },
{ id: "p5", name: "Golden Honey Sponge", price: "48 SAR", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake-concept_23-2148801103.jpg" },
{ id: "p6", name: "Strawberry Delight", price: "40 SAR", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-cup-coffee-marble-surface_114579-29838.jpg" }
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
title="Loved by Riyadh"
description="Real stories from our patrons who made Yummies their sweet escape."
testimonials={[
{ id: "t1", name: "Sarah A.", handle: "@sarah_a", testimonial: "One of the best spots and hidden gems for cakes in Riyadh.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-showing-approval_23-2148334512.jpg" },
{ id: "t2", name: "Khalid M.", handle: "@khalid_m", testimonial: "Art cakes, creamy, delicious and so yummy.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-older-business-woman-having-dessert-while-working_23-2148661255.jpg" },
{ id: "t3", name: "Laila O.", handle: "@laila_o", testimonial: "The cakes are delicious and of high quality... I'll definitely go back! 😍", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-dish-arab-food_23-2147794296.jpg" },
{ id: "t4", name: "Omar K.", handle: "@omar_k", testimonial: "A moment of pure joy in every bite. Truly artisan.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-holding-tray-delicious-cake-with-white-whipped-cream_23-2147874525.jpg" },
{ id: "t5", name: "Nora F.", handle: "@nora_f", testimonial: "Excellent coffee pairings with their signature black forest!", imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039443.jpg" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="More Than Just Cake"
description="It's a moment of pure joy. From our intimate seating to our handcrafted artisan processes, we invite you to experience the difference."
textboxLayout="split"
useInvertedBackground={true}
bulletPoints={[
{ title: "Intimate Setting", description: "Cozy indoor tables and charming outdoor seating." },
{ title: "Fresh Daily", description: "From classic favorites to creative new flavor profiles." },
{ title: "Premium Coffee", description: "Shelsali beans imported from Salalat." }
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944028.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
title="Find Your Sweet Escape"
description="Visit our hidden gem in Riyadh or order delivery for your next gathering."
tag="Stay Updated"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Yummies"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
/>
</div>
</ThemeProvider>
);
}
}