Merge version_1 into main #1
269
src/app/page.tsx
269
src/app/page.tsx
@@ -31,51 +31,36 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Order",
|
||||
id: "order",
|
||||
},
|
||||
name: "Order", id: "order"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
name: "Visit", id: "visit"},
|
||||
{
|
||||
name: "Instagram",
|
||||
id: "instagram",
|
||||
},
|
||||
name: "Instagram", id: "instagram"},
|
||||
]}
|
||||
brandName="FACT. Specialty Coffee"
|
||||
animateOnLoad={true}
|
||||
button={{
|
||||
text: "Order Now", href: "#order"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="FACT."
|
||||
description="Specialty coffee, made quietly exceptional."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#visit",
|
||||
},
|
||||
text: "Get Directions", href: "#visit"},
|
||||
{
|
||||
text: "Instagram @fact.kwt",
|
||||
href: "https://instagram.com/fact.kwt",
|
||||
},
|
||||
text: "Instagram @fact.kwt", href: "https://instagram.com/fact.kwt"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/ground-coffee-black-grains-coffee-containers_1157-47312.jpg"
|
||||
@@ -84,48 +69,28 @@ export default function LandingPage() {
|
||||
mediaAnimation="none"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-female-barista-holding-coffee-machine-cup_23-2148824453.jpg",
|
||||
alt: "Top view of female barista holding coffee machine cup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-female-barista-holding-coffee-machine-cup_23-2148824453.jpg", alt: "Top view of female barista holding coffee machine cup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-barista-with-mask-working-coffeehouse_23-2148824450.jpg",
|
||||
alt: "Female barista with mask working in the coffeehouse",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-barista-with-mask-working-coffeehouse_23-2148824450.jpg", alt: "Female barista with mask working in the coffeehouse"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barista-using-cup-coffee-machine_23-2148523053.jpg",
|
||||
alt: "Barista using cup for coffee machine",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barista-using-cup-coffee-machine_23-2148523053.jpg", alt: "Barista using cup for coffee machine"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-barista-frothing-milk_23-2148523068.jpg",
|
||||
alt: "High angle of male barista frothing milk",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-barista-frothing-milk_23-2148523068.jpg", alt: "High angle of male barista frothing milk"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hand-holding-hot-coffee-cup_1150-14258.jpg",
|
||||
alt: "Hand holding hot coffee cup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hand-holding-hot-coffee-cup_1150-14258.jpg", alt: "Hand holding hot coffee cup"},
|
||||
]}
|
||||
avatarText="Join our community of coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "FACT.",
|
||||
},
|
||||
type: "text", text: "FACT."},
|
||||
{
|
||||
type: "text",
|
||||
text: "Specialty coffee, made quietly exceptional.",
|
||||
},
|
||||
type: "text", text: "Specialty coffee, made quietly exceptional."},
|
||||
{
|
||||
type: "text",
|
||||
text: "A premium coffee stop in Kuwait.",
|
||||
},
|
||||
type: "text", text: "A premium coffee stop in Kuwait."},
|
||||
{
|
||||
type: "text",
|
||||
text: "Order ahead. Visit calm. Leave better.",
|
||||
},
|
||||
type: "text", text: "Order ahead. Visit calm. Leave better."},
|
||||
{
|
||||
type: "text",
|
||||
text: "Experience the difference.",
|
||||
},
|
||||
type: "text", text: "Experience the difference."},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
/>
|
||||
@@ -135,89 +100,33 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-items-equal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "espresso",
|
||||
brand: "FACT.",
|
||||
name: "Espresso",
|
||||
price: "1.50 KWD",
|
||||
rating: 5,
|
||||
reviewCount: "240",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-146536.jpg",
|
||||
imageAlt: "Rich espresso shot",
|
||||
},
|
||||
id: "espresso", brand: "FACT.", name: "Espresso", price: "1.50 KWD", rating: 5,
|
||||
reviewCount: "240", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-146536.jpg", imageAlt: "Rich espresso shot"},
|
||||
{
|
||||
id: "americano",
|
||||
brand: "FACT.",
|
||||
name: "Americano",
|
||||
price: "1.75 KWD",
|
||||
rating: 5,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drinks-table_23-2148667940.jpg",
|
||||
imageAlt: "Classic Americano coffee",
|
||||
},
|
||||
id: "americano", brand: "FACT.", name: "Americano", price: "1.75 KWD", rating: 5,
|
||||
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/drinks-table_23-2148667940.jpg", imageAlt: "Classic Americano coffee"},
|
||||
{
|
||||
id: "flatwhite",
|
||||
brand: "FACT.",
|
||||
name: "Flat White",
|
||||
price: "2.00 KWD",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg",
|
||||
imageAlt: "Creamy Flat White with latte art",
|
||||
},
|
||||
id: "flatwhite", brand: "FACT.", name: "Flat White", price: "2.00 KWD", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg", imageAlt: "Creamy Flat White with latte art"},
|
||||
{
|
||||
id: "icedlatte",
|
||||
brand: "FACT.",
|
||||
name: "Iced Latte",
|
||||
price: "2.25 KWD",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee_23-2148093809.jpg",
|
||||
imageAlt: "Refreshing Iced Latte",
|
||||
},
|
||||
id: "icedlatte", brand: "FACT.", name: "Iced Latte", price: "2.25 KWD", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee_23-2148093809.jpg", imageAlt: "Refreshing Iced Latte"},
|
||||
{
|
||||
id: "spanishlatte",
|
||||
brand: "FACT.",
|
||||
name: "Spanish Latte",
|
||||
price: "2.50 KWD",
|
||||
rating: 5,
|
||||
reviewCount: "350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee_74190-1838.jpg",
|
||||
imageAlt: "Sweet Spanish Latte",
|
||||
},
|
||||
id: "spanishlatte", brand: "FACT.", name: "Spanish Latte", price: "2.50 KWD", rating: 5,
|
||||
reviewCount: "350", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee_74190-1838.jpg", imageAlt: "Sweet Spanish Latte"},
|
||||
{
|
||||
id: "v60",
|
||||
brand: "FACT.",
|
||||
name: "V60",
|
||||
price: "2.75 KWD",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14719.jpg",
|
||||
imageAlt: "V60 pour over coffee",
|
||||
},
|
||||
id: "v60", brand: "FACT.", name: "V60", price: "2.75 KWD", rating: 5,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14719.jpg", imageAlt: "V60 pour over coffee"},
|
||||
{
|
||||
id: "matcha",
|
||||
brand: "FACT.",
|
||||
name: "Matcha",
|
||||
price: "2.75 KWD",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg",
|
||||
imageAlt: "Premium Matcha Latte",
|
||||
},
|
||||
id: "matcha", brand: "FACT.", name: "Matcha", price: "2.75 KWD", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg", imageAlt: "Premium Matcha Latte"},
|
||||
{
|
||||
id: "coldbrew",
|
||||
brand: "FACT.",
|
||||
name: "Cold Brew",
|
||||
price: "2.50 KWD",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26259.jpg",
|
||||
imageAlt: "Smooth Cold Brew",
|
||||
},
|
||||
id: "coldbrew", brand: "FACT.", name: "Cold Brew", price: "2.50 KWD", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26259.jpg", imageAlt: "Smooth Cold Brew"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Crafted with precision, served with passion. Explore our curated selection of specialty coffees."
|
||||
@@ -229,9 +138,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why FACT.?"
|
||||
description={[
|
||||
"Quiet atmosphere. Precise coffee. Fair pricing.",
|
||||
"Designed for people who know what they like. At FACT. Specialty Coffee, we believe in crafting exceptional coffee in a space where you can truly savor the moment.",
|
||||
]}
|
||||
"Quiet atmosphere. Precise coffee. Fair pricing.", "Designed for people who know what they like. At FACT. Specialty Coffee, we believe in crafting exceptional coffee in a space where you can truly savor the moment."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -242,44 +149,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "address",
|
||||
label: "Location",
|
||||
title: "79 St, 83240, Kuwait",
|
||||
items: [
|
||||
"We are conveniently located in the heart of Kuwait.",
|
||||
],
|
||||
id: "address", label: "Location", title: "79 St, 83240, Kuwait", items: [
|
||||
"We are conveniently located in the heart of Kuwait."],
|
||||
buttons: [
|
||||
{
|
||||
text: "Open in Google Maps",
|
||||
href: "https://www.google.com/maps/search/79+St,+83240,+Kuwait",
|
||||
},
|
||||
text: "Open in Google Maps", href: "https://www.google.com/maps/search/79+St,+83240,+Kuwait"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "hours",
|
||||
label: "Hours",
|
||||
title: "Daily, Morning to Evening",
|
||||
items: [
|
||||
"Sunday–Wednesday: 8:00 AM – 10:00 PM",
|
||||
"Thursday–Friday: 8:00 AM – 11:00 PM",
|
||||
"Saturday: 8:00 AM – 10:00 PM",
|
||||
],
|
||||
id: "hours", label: "Hours", title: "Daily, Morning to Evening", items: [
|
||||
"Sunday–Wednesday: 8:00 AM – 10:00 PM", "Thursday–Friday: 8:00 AM – 11:00 PM", "Saturday: 8:00 AM – 10:00 PM"],
|
||||
},
|
||||
{
|
||||
id: "payments",
|
||||
label: "Payments",
|
||||
title: "Flexible Options",
|
||||
items: [
|
||||
"We accept NFC, Credit Card, and Debit Card payments in-store for your convenience.",
|
||||
],
|
||||
id: "payments", label: "Payments", title: "Flexible Options", items: [
|
||||
"We accept NFC, Credit Card, and Debit Card payments in-store for your convenience."],
|
||||
},
|
||||
{
|
||||
id: "parking",
|
||||
label: "Parking",
|
||||
title: "Free & Easy",
|
||||
items: [
|
||||
"Enjoy hassle-free parking with free street and lot options available right outside our cafe.",
|
||||
],
|
||||
id: "parking", label: "Parking", title: "Free & Easy", items: [
|
||||
"Enjoy hassle-free parking with free street and lot options available right outside our cafe."],
|
||||
},
|
||||
]}
|
||||
title="Visit Us"
|
||||
@@ -292,8 +179,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"@fact.kwt",
|
||||
]}
|
||||
"@fact.kwt"]}
|
||||
title="Currently serving through Instagram"
|
||||
description="Follow our journey, explore new blends, and share your moments with us. Join our community of coffee enthusiasts."
|
||||
/>
|
||||
@@ -305,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What makes your coffee specialty?",
|
||||
content: "Our coffee is sourced from top 1% of beans worldwide, meticulously roasted, and expertly brewed. Every step ensures a unique, flavorful experience.",
|
||||
},
|
||||
id: "faq1", title: "What makes your coffee specialty?", content: "Our coffee is sourced from top 1% of beans worldwide, meticulously roasted, and expertly brewed. Every step ensures a unique, flavorful experience."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I pre-order for pickup?",
|
||||
content: "Yes, our website offers a convenient inquiry form to place your pickup order in advance. We'll confirm via your preferred contact method.",
|
||||
},
|
||||
id: "faq2", title: "Can I pre-order for pickup?", content: "Yes, our website offers a convenient inquiry form to place your pickup order in advance. We'll confirm via your preferred contact method."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer alternative milk options?",
|
||||
content: "Absolutely! We proudly offer a selection of dairy-free milk alternatives including oat, almond, and soy milk to customize your drink.",
|
||||
},
|
||||
id: "faq3", title: "Do you offer alternative milk options?", content: "Absolutely! We proudly offer a selection of dairy-free milk alternatives including oat, almond, and soy milk to customize your drink."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-with-coffee-beans-black-background_23-2147908280.jpg"
|
||||
imageAlt="Barista making pour-over coffee"
|
||||
@@ -333,63 +210,43 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to enjoy FACT. coffee? Send us your pickup request and we'll have it ready for you. Please include your name, drink selection, size, hot/iced preference, any add-ons, desired pickup time, and your Instagram handle or email for contact."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Pickup Request",
|
||||
href: "mailto:info@factcoffee.com?subject=Pickup Request from Website&body=Hello FACT. Team,%0D%0A%0D%0AMy Name: %0D%0ADrink Selection: %0D%0ASize: %0D%0AIced/Hot: %0D%0AAdd-ons/Notes: %0D%0APickup Time: %0D%0AContact (Instagram/Email): %0D%0A%0D%0AThank you!",
|
||||
},
|
||||
text: "Send Pickup Request", href: "mailto:info@factcoffee.com?subject=Pickup Request from Website&body=Hello FACT. Team,%0D%0A%0D%0AMy Name: %0D%0ADrink Selection: %0D%0ASize: %0D%0AIced/Hot: %0D%0AAdd-ons/Notes: %0D%0APickup Time: %0D%0AContact (Instagram/Email): %0D%0A%0D%0AThank you!"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg"
|
||||
imageAlt="Dark cafe interior with soft lighting"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/close-up-smoke-incense_1252-806.jpg"
|
||||
videoAriaLabel="Looping video of cozy cafe interior"
|
||||
logoText="FACT. Specialty Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Order",
|
||||
href: "#order",
|
||||
},
|
||||
label: "Order", href: "#order"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#visit",
|
||||
},
|
||||
label: "Visit Us", href: "#visit"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/fact.kwt",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/fact.kwt"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Kuwait",
|
||||
href: "#visit",
|
||||
},
|
||||
label: "Kuwait", href: "#visit"},
|
||||
{
|
||||
label: "Email Inquiry",
|
||||
href: "mailto:info@factcoffee.com",
|
||||
},
|
||||
label: "Email Inquiry", href: "mailto:info@factcoffee.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user