236 lines
7.6 KiB
TypeScript
236 lines
7.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Shop",
|
|
id: "/shop",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="DOCLCINI"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Luxury Coffee & Arabic Sweets Experience in Kuwait"
|
|
description="Discover a premium sanctuary of refined taste, artisanal coffee, and exquisite desserts in the heart of Al-Dajeej."
|
|
buttons={[
|
|
{
|
|
text: "Order Now",
|
|
href: "/shop",
|
|
},
|
|
{
|
|
text: "Visit Café",
|
|
href: "/contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg"
|
|
imageAlt="Doclcini Luxury Cafe Interior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Signature Specialty Coffee",
|
|
price: "KWD 2.500",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-2892.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Saffron Arabic Sweets",
|
|
price: "KWD 4.000",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-sweets-coffee-cup_23-2149192022.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Artisanal Pistachio Tart",
|
|
price: "KWD 3.500",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-coffee-beans_23-2148937293.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Rose Petal Latte",
|
|
price: "KWD 2.800",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-with-edible-flowers_23-2151973722.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Traditional Baklava Box",
|
|
price: "KWD 6.500",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Premium Butter Croissant",
|
|
price: "KWD 1.800",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/donuts-with-various-topping_140725-6130.jpg",
|
|
},
|
|
]}
|
|
title="Our Best Sellers"
|
|
description="Indulge in our curated selection of specialty coffees and premium treats."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="The best luxury coffee experience in Kuwait. The atmosphere is truly Instagrammable and the sweets are divine."
|
|
rating={5}
|
|
author="Sarah Al-Enezi"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg",
|
|
alt: "Sarah",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
|
alt: "Ahmed",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/flat-boho-pattern-design_23-2149052790.jpg",
|
|
alt: "Fatima",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-5185.jpg",
|
|
alt: "Omar",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
|
|
alt: "Noor",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Recognized Excellence"
|
|
description="Trusted and featured by culinary leaders across the region."
|
|
names={[
|
|
"Gulf Food News",
|
|
"Kuwait Taste Awards",
|
|
"Artisan Coffee Weekly",
|
|
"Middle East Dining",
|
|
"Luxury Lifestyle Mag",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Our Craft by the Numbers"
|
|
description="We blend precision with passion in every cup and creation."
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "5k+",
|
|
title: "Happy Guests",
|
|
description: "Serving the finest community",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "45+",
|
|
title: "Unique Blends",
|
|
description: "Sourced from high-altitude farms",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "24",
|
|
title: "Pastry Chefs",
|
|
description: "Masters of traditional sweets",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/muffins-with-cocoa-cream-wooden-board-with-rollcake-slices_114579-16671.jpg",
|
|
},
|
|
{
|
|
id: "m4",
|
|
value: "100%",
|
|
title: "Organic Ingredients",
|
|
description: "Only the best for our patrons",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-dessert-pakhlava-with-almonds_140725-4059.jpg",
|
|
},
|
|
{
|
|
id: "m5",
|
|
value: "99",
|
|
title: "Quality Score",
|
|
description: "Consistently rated top-tier",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="DOCLCINI"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|