5 Commits

Author SHA1 Message Date
2b8922e52b Merge version_2 into main
Merge version_2 into main
2026-05-14 00:04:00 +00:00
b2c55c5686 Update src/app/page.tsx 2026-05-14 00:03:57 +00:00
7b24960b8f Merge version_2 into main
Merge version_2 into main
2026-05-14 00:03:28 +00:00
64b31dc18d Update src/app/styles/variables.css 2026-05-14 00:03:25 +00:00
a53dc85136 Update src/app/page.tsx 2026-05-14 00:03:24 +00:00
2 changed files with 50 additions and 235 deletions

View File

@@ -2,15 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FooterCard from '@/components/sections/footer/FooterCard';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel'; import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -30,61 +28,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "قصتنا", id: "about" },
name: "Story", { name: "القائمة", id: "menu" },
id: "about", { name: "المعرض", id: "gallery" },
}, { name: "احجز الآن", id: "reservation" },
{
name: "Menu",
id: "menu",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Reserve",
id: "reservation",
},
]} ]}
brandName="Floria Amsterdam" brandName="فلوريا أمستردام"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient", title="فلوريا أمستردام: حيث يزهر كل صباح."
}} description="تذوق فن الإفطار في أجواء من الأناقة الأوروبية الراقية."
title="Floria Amsterdam: Where Every Morning Blooms." buttons={[{ text: "اكتشف القائمة", href: "#menu" }]}
description="Savor the art of breakfast in an atmosphere of European elegance."
buttons={[
{
text: "Experience the Menu",
href: "#menu",
},
]}
mediaItems={[ mediaItems={[
{ { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-morning-coffee-with-sugar-cubes_23-2148796989.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-morning-coffee-with-sugar-cubes_23-2148796989.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259722.jpg" },
imageAlt: "Steaming latte", { imageSrc: "http://img.b2bpic.net/free-photo/dessert-tea-table_1304-4060.jpg" }
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259722.jpg",
imageAlt: "Shakshuka dish",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dessert-tea-table_1304-4060.jpg",
imageAlt: "Floral cafe interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stack-pancakes-with-dripping-maple-syrup-glass-fresh-orange-juice_181624-60921.jpg",
imageAlt: "Pancakes breakfast",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-shop_1339-6296.jpg",
imageAlt: "Artisan coffee",
},
]} ]}
/> />
</div> </div>
@@ -93,25 +55,14 @@ export default function LandingPage() {
<SplitAbout <SplitAbout
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
title="The Amsterdam Experience" title="تجربة أمستردام"
description="Nestled in the heart of the city, Floria Amsterdam isn't just a cafe—it's a sanctuary. We blend the meticulous art of breakfast with modern floral aesthetics, creating moments of calm." description="في قلب المدينة، لا تعد فلوريا أمستردام مجرد مقهى، بل ملاذاً يجمع فن الإفطار مع الجمال الزهري المعاصر."
bulletPoints={[ bulletPoints={[
{ { title: "إبداع فني", description: "كل طبق هو لوحة فنية." },
title: "Artisan Crafted", { title: "ملاذ زهري", description: "محاط بالطبيعة الخلابة." },
description: "Every dish is a masterpiece.", { title: "أناقة خالدة", description: "ارتقِ بصباحك." }
},
{
title: "Floral Haven",
description: "Surrounded by nature.",
},
{
title: "Timeless Elegance",
description: "Breakfast elevated.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-green-garlic-black-plate_23-2148425577.jpg" imageSrc="http://img.b2bpic.net/free-photo/flat-lay-green-garlic-black-plate_23-2148425577.jpg"
imageAlt="Cafe atmosphere"
mediaAnimation="slide-up"
/> />
</div> </div>
@@ -122,185 +73,49 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "m1", name: "شكشوكة", price: "١٦€", variant: "إفطار", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-pisto-manchego-with-tomatoes-zucchini-peppers-onions-eggplant-egg-served-frying-pan_123827-31625.jpg" },
id: "m1", { id: "m2", name: "فطائر الزهور", price: "١٤€", variant: "إفطار", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-breakfast_23-2148103437.jpg" }
name: "Shakshuka",
price: "€16",
variant: "Breakfast",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-pisto-manchego-with-tomatoes-zucchini-peppers-onions-eggplant-egg-served-frying-pan_123827-31625.jpg",
},
{
id: "m2",
name: "Floral Pancakes",
price: "€14",
variant: "Breakfast",
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-breakfast_23-2148103437.jpg",
},
{
id: "m3",
name: "Artisan Latte",
price: "€5",
variant: "Coffee",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-reflective-glass-counter-caf_23-2147892895.jpg",
},
{
id: "m4",
name: "Fresh Berry Tart",
price: "€9",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-dessert-picnic_23-2151982820.jpg",
},
{
id: "m5",
name: "Floral Infusion Tea",
price: "€6",
variant: "Refreshment",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pair-cups-tea-with-flowers_23-2148170661.jpg",
},
]} ]}
title="Our Signature Menu" title="قائمة الطعام المميزة"
description="Artfully curated breakfast and refreshment selections." description="تشكيلة مختارة بعناية من أطباق الإفطار والمشروبات."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Interior Design",
description: "Modern European touch.",
imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-8016.jpg",
},
{
title: "Floral Accents",
description: "Fresh arrangements daily.",
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg",
},
{
title: "Coffee Counter",
description: "Where magic brews.",
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458132.jpg",
},
{
title: "Cozy Seating",
description: "Designed for relaxation.",
imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg",
},
{
title: "Garden Patio",
description: "Nature meets the city.",
imageSrc: "http://img.b2bpic.net/free-photo/green-gray-hanging-plant-pot_417767-531.jpg",
},
]}
title="A Bloom of Atmosphere"
description="Visualizing the morning grace of our interior."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Divine",
quote: "The shakshuka is life-changing.",
name: "Emma R.",
role: "Food Blogger",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-girl-cafe-near-window-with-coffee-smiling_8353-5933.jpg",
},
{
id: "t2",
title: "Stunning",
quote: "Best interior in Amsterdam.",
name: "Mark V.",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-holding-bread-glass-juice-hand-looking-away_23-2147974658.jpg",
},
{
id: "t3",
title: "Perfect",
quote: "Morning coffee ritual defined.",
name: "Sophie H.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-coffee-cup_23-2148352294.jpg",
},
{
id: "t4",
title: "Gorgeous",
quote: "Floria is my weekend escape.",
name: "Jeroen K.",
role: "Local",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-tweed-coat-sitting-outdoor-cafe-with-glass-cappuccino_197531-6735.jpg",
},
{
id: "t5",
title: "Exquisite",
quote: "Floral tea is a must.",
name: "Elena P.",
role: "Artist",
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-20153.jpg",
},
]}
title="Loved by Amsterdam"
description="Hear what our guests say about their mornings at Floria."
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqDouble
useInvertedBackground={true} useInvertedBackground={true}
description="أسئلة متكررة حول تجربتنا في فلوريا."
faqs={[ faqs={[
{ { id: "f1", title: "هل أحتاج إلى حجز؟", content: "نوصي بالحجز المسبق لعطلات نهاية الأسبوع." },
id: "f1", { id: "f2", title: "هل تتوفر خيارات نباتية؟", content: "نعم، لدينا تشكيلة متنوعة من أطباق الإفطار النباتية." },
title: "Do I need a reservation?", { id: "f3", title: "هل المقهى صديق للحيوانات؟", content: "بالتأكيد، الحيوانات الأليفة مرحب بها في منطقة الحديقة." }
content: "While we welcome walk-ins, reservations are recommended for weekends.",
},
{
id: "f2",
title: "Do you offer vegan options?",
content: "Yes, we have a curated selection of vegan breakfast dishes.",
},
{
id: "f3",
title: "Is the cafe dog friendly?",
content: "Absolutely, well-behaved dogs are welcome in our garden area.",
},
]} ]}
sideTitle="Common Inquiries" title="استفسارات شائعة"
faqsAnimation="slide-up" faqsAnimation="slide-up"
textboxLayout="split"
/> />
</div> </div>
<div id="reservation" data-section="reservation"> <div id="reservation" data-section="reservation">
<ContactCenter <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
background={{ title="احجز طاولتك"
variant: "plain", description="احجز مكانك في فلوريا أمستردام واستمتع بتجربة إفطار استثنائية."
}} inputs={[
tag="Reserve Your Table" { name: "name", type: "text", placeholder: "الاسم" },
title="Join Us Tomorrow" { name: "email", type: "email", placeholder: "البريد الإلكتروني" }
description="Secure your spot at Floria Amsterdam for a blooming breakfast experience." ]}
buttonText="تأكيد الحجز"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterCard
logoText="Floria Amsterdam" logoText="فلوريا أمستردام"
leftLink={{ copyrightText="© ٢٠٢٥ جميع الحقوق محفوظة"
text: "Instagram",
href: "https://instagram.com/floriaamsterdam1905",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #fbfbf7;
--card: #f9f9f9; --card: #f0ede5;
--foreground: #1a1a1a; --foreground: #2d2922;
--primary-cta: #d4af37; --primary-cta: #c5a059;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #dcd8cf;
--secondary-cta-text: #1a1a1a; --secondary-cta-text: #1a1a1a;
--accent: #2d5a27; --accent: #4a5d4e;
--background-accent: #f3f0e9; --background-accent: #e7e4db;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);