556 lines
20 KiB
TypeScript
556 lines
20 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import { Crown, ListChecks, MapPin, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#home",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "#menu",
|
||
},
|
||
{
|
||
name: "Plans",
|
||
id: "#plans",
|
||
},
|
||
{
|
||
name: "FAQ",
|
||
id: "#faq",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m2w8tr"
|
||
logoAlt="Business Name Logo"
|
||
brandName="BUSINESS NAME"
|
||
button={{
|
||
text: "Book a Workspace",
|
||
href: "#contact",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardCarousel
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
title="Cairo's First Luxury Women-Only Café & Co-Working Sanctuary"
|
||
description="A peaceful space designed exclusively for women. Enjoy specialty coffee, handcrafted desserts, focused work sessions, meaningful conversations, and complete privacy in an atmosphere that feels like home."
|
||
tag="Experience True Serenity"
|
||
tagAnimation="blur-reveal"
|
||
buttons={[
|
||
{
|
||
text: "Book a Workspace",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "View Menu",
|
||
href: "#menu",
|
||
},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
mediaItems={[
|
||
{
|
||
videoSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-posing-modern-street-cafe_1153-3555.jpg?_wi=1",
|
||
imageAlt: "Peaceful women's cafe interior with soft lighting",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-posing-modern-street-cafe_1153-3555.jpg?_wi=2",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-muslim-woman-drinking-tea-working-computer-cafe_1303-27615.jpg",
|
||
imageAlt: "Woman working on laptop at a cafe table",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-hipster-women-sitting-cafe_285396-3309.jpg",
|
||
imageAlt: "Female barista crafting a specialty coffee",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dreaming-while-sitting-table-cafe_171337-16321.jpg",
|
||
imageAlt: "Niqabi woman comfortably seated in the cafe",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kid-feeding-woman_23-2148940232.jpg",
|
||
imageAlt: "Mother and child playing in the kids' corner",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/glad-mixed-race-two-women-have-funny-expressions_273609-28692.jpg",
|
||
imageAlt: "Elegant display of handcrafted desserts",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust-indicators" data-section="trust-indicators">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Women Only",
|
||
"Female Staff",
|
||
"No Music",
|
||
"Prayer Area",
|
||
"Co-Working Space",
|
||
"Children's Play Corner",
|
||
"High-Speed Wi-Fi",
|
||
]}
|
||
title="A Space Created For Women"
|
||
description="Whether you're studying, working remotely, meeting friends, spending time with your children, or simply enjoying a quiet moment, Cairo's First Luxury Women-Only Café & Co-Working Sanctuary offers a calm environment designed around comfort, privacy, and peace."
|
||
tag="Our Core Values"
|
||
buttons={[
|
||
{
|
||
text: "Learn More",
|
||
href: "#about",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="experience-highlights" data-section="experience-highlights">
|
||
<FeatureCardTwentySeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "work-focus",
|
||
title: "Work Without Distractions",
|
||
descriptions: [
|
||
"Our dedicated co-working area is designed for focus, productivity, and comfort. Reliable Wi-Fi, comfortable seating, charging stations, and a quiet atmosphere help you do your best work.",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg",
|
||
imageAlt: "Woman working diligently at a desk in the co-working area",
|
||
},
|
||
{
|
||
id: "complete-privacy",
|
||
title: "Enjoy Complete Privacy",
|
||
descriptions: [
|
||
"Many of our guests choose us because they can comfortably remove their niqab or hijab and relax without concern. A truly private sanctuary.",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/person-reading-book-cafe_23-2150064764.jpg",
|
||
imageAlt: "Woman enjoying privacy and comfort in a serene corner of the cafe",
|
||
},
|
||
{
|
||
id: "coffee-care",
|
||
title: "Coffee Crafted With Care",
|
||
descriptions: [
|
||
"From premium espresso drinks and V60 brews to seasonal beverages and signature recipes, every cup is prepared by our trained female baristas.",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354576.jpg",
|
||
imageAlt: "Female barista carefully preparing a V60 pour-over coffee",
|
||
},
|
||
{
|
||
id: "desserts-return",
|
||
title: "Desserts Worth Returning For",
|
||
descriptions: [
|
||
"Indulge in our famous cheesecakes, cakes, pastries, and freshly prepared treats that perfectly accompany your coffee.",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/food-dessert-representative-elements_23-2149177035.jpg",
|
||
imageAlt: "Display of delicious, handcrafted cheesecakes and pastries",
|
||
},
|
||
]}
|
||
title="The Experience"
|
||
description="Every detail at Cairo's First Luxury Women-Only Café & Co-Working Sanctuary is crafted to provide an unparalleled experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "cheesecake",
|
||
name: "Signature Cheesecake",
|
||
price: "EGP 120",
|
||
variant: "Classic",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-concept_23-2148510822.jpg",
|
||
imageAlt: "Slice of signature cheesecake",
|
||
},
|
||
{
|
||
id: "raspberry-cappuccino",
|
||
name: "Raspberry Cappuccino",
|
||
price: "EGP 95",
|
||
variant: "Hot/Iced",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/ginger-cocktail-with-ice-table_140725-2413.jpg",
|
||
imageAlt: "Raspberry flavored cappuccino with latte art",
|
||
},
|
||
{
|
||
id: "matcha-latte",
|
||
name: "Matcha Latte",
|
||
price: "EGP 110",
|
||
variant: "Hot/Iced",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163389.jpg",
|
||
imageAlt: "Green matcha latte",
|
||
},
|
||
{
|
||
id: "v60-coffee",
|
||
name: "V60 Coffee",
|
||
price: "EGP 80",
|
||
variant: "Specialty Brew",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/croissant-black-coffee-dark-stone-background_84443-85773.jpg",
|
||
imageAlt: "Freshly brewed V60 coffee",
|
||
},
|
||
{
|
||
id: "salmon-sandwich",
|
||
name: "Salmon Sandwich",
|
||
price: "EGP 150",
|
||
variant: "Savory",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-pie-with-coconut-candies-cup-tea-dark-background-candy-biscuit-cake-pie-cookie-sweet_140725-117809.jpg",
|
||
imageAlt: "Delicious salmon sandwich",
|
||
},
|
||
{
|
||
id: "caprese-sandwich",
|
||
name: "Caprese Sandwich",
|
||
price: "EGP 130",
|
||
variant: "Vegetarian",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/picnic-day-with-chicken-sandwich_1147-27.jpg",
|
||
imageAlt: "Caprese sandwich with fresh ingredients",
|
||
},
|
||
{
|
||
id: "carrot-cake",
|
||
name: "Carrot Cake",
|
||
price: "EGP 100",
|
||
variant: "Dessert",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/from-pieces-cake_23-2147787060.jpg",
|
||
imageAlt: "Slice of carrot cake with cream cheese frosting",
|
||
},
|
||
{
|
||
id: "iced-talbina",
|
||
name: "Iced Talbina",
|
||
price: "EGP 90",
|
||
variant: "Healthy Drink",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-honey-stick-bowl-with-nuts_23-2148371980.jpg",
|
||
imageAlt: "Refreshing iced talbina drink",
|
||
},
|
||
]}
|
||
title="Customer Favorites & Menu Preview"
|
||
description="Explore a selection of our most popular dishes, drinks, and desserts that keep our guests coming back for more."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{
|
||
type: "text",
|
||
content: "For Mothers & Families",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Explore Our Space",
|
||
href: "#home",
|
||
},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
carouselMode="auto"
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Aisha K.",
|
||
role: "Student",
|
||
testimonial: "This place is a true gem! Finally, a space where I can focus on my studies without distractions and feel completely at ease. The coffee is amazing too!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||
imageAlt: "Portrait of Aisha K., a satisfied student",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Fatima M.",
|
||
role: "Freelancer",
|
||
testimonial: "As a niqabi, finding a place where I can relax and remove my niqab comfortably is priceless. The co-working space is perfect for my remote work.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-croissant-cup-coffee-city-walk_169016-23318.jpg",
|
||
imageAlt: "Portrait of Fatima M., a satisfied freelancer",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Nour H.",
|
||
role: "Mother",
|
||
testimonial: "The kids' play corner is a lifesaver! I can enjoy my matcha latte and catch up with friends while my little one is safely entertained. It truly feels like home.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",
|
||
imageAlt: "Portrait of Nour H., a satisfied mother",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Sara A.",
|
||
role: "Professional",
|
||
testimonial: "A sanctuary in the heart of Cairo. The atmosphere is serene, the staff are wonderful, and the desserts are simply divine. Highly recommend for any woman seeking peace.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sunlight-falling-serene-young-woman-s-face_23-2147890771.jpg",
|
||
imageAlt: "Portrait of Sara A., a satisfied professional",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Yasmine B.",
|
||
role: "Expat",
|
||
testimonial: "Moving to Cairo, I longed for a comfortable, female-friendly space. This cafe exceeded all my expectations – a perfect blend of modern aesthetics and traditional values.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-businesswoman-pointing-camera_1262-5406.jpg",
|
||
imageAlt: "Portrait of Yasmine B., a satisfied expat",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Hana Z.",
|
||
role: "Entrepreneur",
|
||
testimonial: "I've hosted several small workshops here, and the environment is always inspiring. The high-speed Wi-Fi and quiet ambiance make it ideal for creative sessions.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-brown-sweater-spring-park_1157-35513.jpg",
|
||
imageAlt: "Portrait of Hana Z., a satisfied entrepreneur",
|
||
},
|
||
]}
|
||
title="What Makes Us Different"
|
||
description="Unlike traditional cafés, Cairo's First Luxury Women-Only Café & Co-Working Sanctuary was built around values that matter: Privacy, Comfort, Community, Faith, Peace. Every detail has been carefully designed to create an environment where women feel genuinely relaxed and welcomed."
|
||
/>
|
||
</div>
|
||
|
||
<div id="plans" data-section="plans">
|
||
<PricingCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "day-pass",
|
||
tag: "Flexible",
|
||
tagIcon: ListChecks,
|
||
price: "EGP 150",
|
||
period: "/day",
|
||
description: "Access to co-working space for a full day. Includes high-speed Wi-Fi.",
|
||
button: {
|
||
text: "Get a Day Pass",
|
||
href: "#contact",
|
||
},
|
||
featuresTitle: "Includes:",
|
||
features: [
|
||
"High-Speed Wi-Fi",
|
||
"Comfortable Seating",
|
||
"Access to Common Areas",
|
||
"Unlimited Specialty Coffee",
|
||
],
|
||
},
|
||
{
|
||
id: "monthly-pass",
|
||
tag: "Best Value",
|
||
tagIcon: Star,
|
||
price: "EGP 1500",
|
||
period: "/month",
|
||
description: "Unlimited access to co-working space and exclusive member benefits.",
|
||
button: {
|
||
text: "Become a Member",
|
||
href: "#contact",
|
||
},
|
||
featuresTitle: "Includes:",
|
||
features: [
|
||
"24/7 Co-Working Access",
|
||
"High-Speed Wi-Fi",
|
||
"Meeting Room Discounts",
|
||
"Priority Event Booking",
|
||
"Complimentary Desserts",
|
||
"Personal Locker",
|
||
],
|
||
},
|
||
{
|
||
id: "private-room",
|
||
tag: "Premium",
|
||
tagIcon: Crown,
|
||
price: "EGP 3000",
|
||
period: "/month",
|
||
description: "Dedicated private office for maximum focus and privacy.",
|
||
button: {
|
||
text: "Inquire Now",
|
||
href: "#contact",
|
||
},
|
||
featuresTitle: "Includes:",
|
||
features: [
|
||
"Private Office Space",
|
||
"All Monthly Pass Benefits",
|
||
"Guest Access Passes",
|
||
"Customizable Setup",
|
||
"Enhanced Security",
|
||
"Free Printing Services",
|
||
],
|
||
},
|
||
]}
|
||
title="Membership & Workspace Plans"
|
||
description="Choose the perfect plan for your needs, whether you're looking for a dedicated co-working spot or special benefits as a regular guest."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "faq-1",
|
||
title: "Is the cafe strictly women-only?",
|
||
content: "Yes, Cairo's First Luxury Women-Only Café & Co-Working Sanctuary is exclusively for women, including all staff and guests, to ensure complete comfort and privacy for everyone.",
|
||
},
|
||
{
|
||
id: "faq-2",
|
||
title: "Are children allowed?",
|
||
content: "Absolutely! We have a dedicated, cozy kids' play corner where children can be entertained while mothers relax, work, or socialize.",
|
||
},
|
||
{
|
||
id: "faq-3",
|
||
title: "Do you offer private booking for events?",
|
||
content: "Yes, our beautiful space is perfect for study sessions, book clubs, small workshops, and community gatherings. Please contact us to inquire about private group reservations.",
|
||
},
|
||
{
|
||
id: "faq-4",
|
||
title: "What kind of food and beverages do you serve?",
|
||
content: "We specialize in premium coffee drinks, including V60 brews, seasonal beverages, and signature recipes. Our menu also features handcrafted desserts, famous cheesecakes, cakes, and light savory options like sandwiches.",
|
||
},
|
||
{
|
||
id: "faq-5",
|
||
title: "Do you have Wi-Fi for co-working?",
|
||
content: "Yes, our co-working space is equipped with reliable, high-speed Wi-Fi, comfortable seating, and charging stations to support your productivity.",
|
||
},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common questions about our women-only cafe and co-working sanctuary."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Visit Us"
|
||
tagIcon={MapPin}
|
||
title="A Beautiful Place To Gather & Connect"
|
||
description="Host study sessions, book clubs, small workshops, networking events, sisters' meetups, and community gatherings in an inspiring environment. You deserve a space where you can relax, focus, connect, and feel completely comfortable."
|
||
buttons={[
|
||
{
|
||
text: "Get Directions",
|
||
href: "https://maps.google.com/maps?q=Cairo%27s%20First%20Luxury%20Women-Only%20Café",
|
||
},
|
||
{
|
||
text: "Book a Workspace",
|
||
href: "#",
|
||
},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg"
|
||
imageAlt="Luxury cafe interior at dusk"
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m2w8tr"
|
||
logoAlt="Business Name Logo"
|
||
logoText="Cairo's First Luxury Women-Only Café"
|
||
columns={[
|
||
{
|
||
title: "Explore",
|
||
items: [
|
||
{
|
||
label: "Home",
|
||
href: "#home",
|
||
},
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "Workspace Plans",
|
||
href: "#plans",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect",
|
||
items: [
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Instagram",
|
||
href: "https://instagram.com/businessname",
|
||
},
|
||
{
|
||
label: "Book a Workspace",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "FAQ",
|
||
href: "#faq",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms of Service",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Cairo's First Luxury Women-Only Café. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|