Update src/app/page.tsx
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
@@ -30,61 +30,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "reservation",
|
||||
},
|
||||
{ name: "قصتنا", id: "about" },
|
||||
{ name: "القائمة", id: "menu" },
|
||||
{ name: "المعرض", id: "gallery" },
|
||||
{ name: "احجز الآن", id: "reservation" },
|
||||
]}
|
||||
brandName="Floria Amsterdam"
|
||||
brandName="فلوريا أمستردام"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Floria Amsterdam: Where Every Morning Blooms."
|
||||
description="Savor the art of breakfast in an atmosphere of European elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Experience the Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="فلوريا أمستردام: حيث يزهر كل صباح."
|
||||
description="تذوق فن الإفطار في أجواء من الأناقة الأوروبية الراقية."
|
||||
buttons={[{ text: "اكتشف القائمة", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-morning-coffee-with-sugar-cubes_23-2148796989.jpg",
|
||||
imageAlt: "Steaming latte",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dessert-tea-table_1304-4060.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,25 +57,14 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="The Amsterdam Experience"
|
||||
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."
|
||||
title="تجربة أمستردام"
|
||||
description="في قلب المدينة، لا تعد فلوريا أمستردام مجرد مقهى، بل ملاذاً يجمع فن الإفطار مع الجمال الزهري المعاصر."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisan Crafted",
|
||||
description: "Every dish is a masterpiece.",
|
||||
},
|
||||
{
|
||||
title: "Floral Haven",
|
||||
description: "Surrounded by nature.",
|
||||
},
|
||||
{
|
||||
title: "Timeless Elegance",
|
||||
description: "Breakfast elevated.",
|
||||
},
|
||||
{ title: "إبداع فني", description: "كل طبق هو لوحة فنية." },
|
||||
{ title: "ملاذ زهري", description: "محاط بالطبيعة الخلابة." },
|
||||
{ title: "أناقة خالدة", description: "ارتقِ بصباحك." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-green-garlic-black-plate_23-2148425577.jpg"
|
||||
imageAlt="Cafe atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,185 +75,47 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
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",
|
||||
},
|
||||
{ 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: "m2", name: "فطائر الزهور", price: "١٤€", variant: "إفطار", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-breakfast_23-2148103437.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Artfully curated breakfast and refreshment selections."
|
||||
/>
|
||||
</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."
|
||||
title="قائمة الطعام المميزة"
|
||||
description="تشكيلة مختارة بعناية من أطباق الإفطار والمشروبات."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqDouble
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
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.",
|
||||
},
|
||||
{ id: "f1", title: "هل أحتاج إلى حجز؟", content: "نوصي بالحجز المسبق لعطلات نهاية الأسبوع." },
|
||||
{ id: "f2", title: "هل تتوفر خيارات نباتية؟", content: "نعم، لدينا تشكيلة متنوعة من أطباق الإفطار النباتية." },
|
||||
{ id: "f3", title: "هل المقهى صديق للحيوانات؟", content: "بالتأكيد، الحيوانات الأليفة مرحب بها في منطقة الحديقة." }
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
title="استفسارات شائعة"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reserve Your Table"
|
||||
title="Join Us Tomorrow"
|
||||
description="Secure your spot at Floria Amsterdam for a blooming breakfast experience."
|
||||
<ContactSplitForm
|
||||
title="احجز طاولتك"
|
||||
description="احجز مكانك في فلوريا أمستردام واستمتع بتجربة إفطار استثنائية."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "الاسم" },
|
||||
{ name: "email", type: "email", placeholder: "البريد الإلكتروني" }
|
||||
]}
|
||||
buttonText="تأكيد الحجز"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Floria Amsterdam"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com/floriaamsterdam1905",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
<FooterCard
|
||||
logoText="فلوريا أمستردام"
|
||||
copyrightText="© ٢٠٢٥ جميع الحقوق محفوظة"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user