Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-03 15:30:44 +00:00

View File

@@ -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>
);
}
}