Merge version_1 into main #2
424
src/app/page.tsx
424
src/app/page.tsx
@@ -27,312 +27,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="FACT"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Experience", id: "about" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="FACT"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Where Coffee Becomes an Experience"
|
||||
description="Premium specialty coffee in Kuwait. Crafted with precision. Served with warmth."
|
||||
tag="FACT SPECIALTY COFFEE"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-coffee-machine_410324-126.jpg",
|
||||
imageAlt: "Espresso pouring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg",
|
||||
imageAlt: "Latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-pink-background_23-2148296170.jpg?_wi=1",
|
||||
imageAlt: "Signature espresso",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-black-sweatshot-prepares-filtered-coffee-silver-teapot-beautiful-transparent-chrome-drip-coffee-maker-white-simple-weights-everything-thick-wooden-table-cafe-shop-steam_346278-496.jpg?_wi=1",
|
||||
imageAlt: "V60 pour over",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-wooden-table_23-2148464789.jpg?_wi=1",
|
||||
imageAlt: "Fresh roasted beans",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="4.9 Rating from coffee enthusiasts in Kuwait"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Coffee Becomes an Experience"
|
||||
description="Premium specialty coffee in Kuwait. Crafted with precision. Served with warmth."
|
||||
tag="FACT SPECIALTY COFFEE"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-coffee-machine_410324-126.jpg", imageAlt: "Espresso pouring"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", imageAlt: "Latte art"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="4.9 Rating from coffee enthusiasts in Kuwait"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Coffee Enthusiast",
|
||||
company: "Kuwait City",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-multiethnic-women-have-fun-together-laugh-happily_273609-18136.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Khalid Al-Mulla",
|
||||
role: "Architect",
|
||||
company: "Workaholic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-cafe_1328-2404.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Layla Hassan",
|
||||
role: "Creative Director",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-male-student-with-thick-beard-sitting-wooden-table-with-mug-drinking-coffee-having-happy-cheerful-face-expression_273609-1763.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Omar Fahad",
|
||||
role: "Developer",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Noora Bin Hamad",
|
||||
role: "Entrepreneur",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-businessman-man-with-laptop-sitting-coffee-shop-chair-working-freelancer-doing-his-job-online-from-cafe_1258-314664.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Coffee Cups",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Don't just take our word for it—experience the Fact specialty difference."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Ahmed", role: "Coffee Enthusiast", company: "Kuwait City", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-multiethnic-women-have-fun-together-laugh-happily_273609-18136.jpg" },
|
||||
{ id: "2", name: "Khalid Al-Mulla", role: "Architect", company: "Workaholic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-cafe_1328-2404.jpg" },
|
||||
{ id: "3", name: "Layla Hassan", role: "Creative Director", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-male-student-with-thick-beard-sitting-wooden-table-with-mug-drinking-coffee-having-happy-cheerful-face-expression_273609-1763.jpg" },
|
||||
{ id: "4", name: "Omar Fahad", role: "Developer", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg" },
|
||||
{ id: "5", name: "Noora Bin Hamad", role: "Entrepreneur", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-businessman-man-with-laptop-sitting-coffee-shop-chair-working-freelancer-doing-his-job-online-from-cafe_1258-314664.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "10k+", label: "Coffee Cups" },
|
||||
{ value: "100%", label: "Satisfaction" }
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Don't just take our word for it—experience the Fact specialty difference."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Espresso",
|
||||
price: "1.50 KD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-pink-background_23-2148296170.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "V60 Brew",
|
||||
price: "2.25 KD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-black-sweatshot-prepares-filtered-coffee-silver-teapot-beautiful-transparent-chrome-drip-coffee-maker-white-simple-weights-everything-thick-wooden-table-cafe-shop-steam_346278-496.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Flat White",
|
||||
price: "1.75 KD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee_1339-2383.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Matcha Latte",
|
||||
price: "2.00 KD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-matcha-tea-plate_23-2148378923.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seasonal Cold Brew",
|
||||
price: "2.50 KD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-hot-chocolate-mug-biscuits_23-2148350192.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Single Origin Beans",
|
||||
price: "4.50 KD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-wooden-table_23-2148464789.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Carefully selected beans, roasted to perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Espresso", price: "1.50 KD", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-pink-background_23-2148296170.jpg" },
|
||||
{ id: "p2", name: "V60 Brew", price: "2.25 KD", imageSrc: "http://img.b2bpic.net/free-photo/barista-black-sweatshot-prepares-filtered-coffee-silver-teapot-beautiful-transparent-chrome-drip-coffee-maker-white-simple-weights-everything-thick-wooden-table-cafe-shop-steam_346278-496.jpg" },
|
||||
{ id: "p3", name: "Flat White", price: "1.75 KD", imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee_1339-2383.jpg" },
|
||||
{ id: "p4", name: "Matcha Latte", price: "2.00 KD", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-matcha-tea-plate_23-2148378923.jpg" },
|
||||
{ id: "p5", name: "Seasonal Cold Brew", price: "2.50 KD", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-hot-chocolate-mug-biscuits_23-2148350192.jpg" },
|
||||
{ id: "p6", name: "Single Origin Beans", price: "4.50 KD", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-wooden-table_23-2148464789.jpg" }
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Carefully selected beans, roasted to perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Fact Experience"
|
||||
description="Quiet, cozy, and premium. A sanctuary for work, meetings, or simply enjoying the perfect cup in the heart of Kuwait."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Indoor & Outdoor Seating",
|
||||
description: "Choose your perfect atmosphere.",
|
||||
},
|
||||
{
|
||||
title: "Perfect for Focus",
|
||||
description: "Designed for professionals and creatives.",
|
||||
},
|
||||
{
|
||||
title: "Crafted with Warmth",
|
||||
description: "Personalized service by coffee lovers.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Fact Experience"
|
||||
description="Quiet, cozy, and premium. A sanctuary for work, meetings, or simply enjoying the perfect cup in the heart of Kuwait."
|
||||
bulletPoints={[
|
||||
{ title: "Indoor & Outdoor Seating", description: "Choose your perfect atmosphere." },
|
||||
{ title: "Perfect for Focus", description: "Designed for professionals and creatives." },
|
||||
{ title: "Crafted with Warmth", description: "Personalized service by coffee lovers." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Specialty Coffee",
|
||||
description: "Sourced from the finest farms.",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Friendly Staff",
|
||||
description: "Personalized warmth every time.",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "The perfect place to relax.",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Work Friendly",
|
||||
description: "Fast Wi-Fi and comfortable seating.",
|
||||
icon: Laptop,
|
||||
},
|
||||
{
|
||||
title: "Premium Experience",
|
||||
description: "Every cup, crafted to perfection.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Fact"
|
||||
description="More than just coffee—it's a commitment to quality and community."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Specialty Coffee", description: "Sourced from the finest farms.", icon: Coffee },
|
||||
{ title: "Friendly Staff", description: "Personalized warmth every time.", icon: Heart },
|
||||
{ title: "Cozy Atmosphere", description: "The perfect place to relax.", icon: Leaf },
|
||||
{ title: "Work Friendly", description: "Fast Wi-Fi and comfortable seating.", icon: Laptop },
|
||||
{ title: "Premium Experience", description: "Every cup, crafted to perfection.", icon: Sparkles }
|
||||
]}
|
||||
title="Why Choose Fact"
|
||||
description="More than just coffee—it's a commitment to quality and community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Fact"
|
||||
description="Ready for your next coffee experience? Visit us in Kuwait."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Questions about our menu or location?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Fact"
|
||||
description="Ready for your next coffee experience? Visit us in Kuwait."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Questions about our menu or location?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="FACT"
|
||||
copyrightText="© 2025 Fact Specialty Coffee. Kuwait."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#products" }, { label: "Experience", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Google Maps", href: "https://maps.google.com" }] }
|
||||
]}
|
||||
logoText="FACT"
|
||||
copyrightText="© 2025 Fact Specialty Coffee. Kuwait."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user