Merge version_2 into main #3
180
src/app/page.tsx
180
src/app/page.tsx
@@ -34,18 +34,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Social", id: "social-feed"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Social", id: "social-feed" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Sluggish"
|
||||
/>
|
||||
@@ -53,37 +47,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your go-to specialty coffee shop in Salmiya"
|
||||
description="Experience crafted drinks, cozy vibes, and warm moments. From our signature Ube Matcha to the perfect Flat White, we brew love into every cup."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-cafe-wooden-table-with-jar-decorative-flowers-against-blurred-background_181624-59999.jpg", alt: "Customer portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg", alt: "Customer portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/three-black-take-away-paper-cups-with-closed-caps-isolated-wooden-brick-table_346278-571.jpg", alt: "Customer portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg", alt: "Customer portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880082.jpg", alt: "Customer portrait 5"},
|
||||
]}
|
||||
avatarText="Join 500+ happy coffee lovers in Salmiya"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Matcha Mastered"},
|
||||
{
|
||||
type: "text", text: "Specialty Roasts"},
|
||||
{
|
||||
type: "text", text: "Cozy Atmosphere"},
|
||||
{
|
||||
type: "text", text: "Fresh Pastries"},
|
||||
{
|
||||
type: "text", text: "Cat-Friendly"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,15 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A peaceful escape in Kuwait"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Signature Brews", value: "15+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations", value: "1"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Daily Hours", value: "16h"},
|
||||
{ id: "m1", icon: Coffee, label: "Signature Brews", value: "15+" },
|
||||
{ id: "m2", icon: MapPin, label: "Locations", value: "1" },
|
||||
{ id: "m3", icon: Clock, label: "Daily Hours", value: "16h" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -112,12 +74,9 @@ export default function LandingPage() {
|
||||
title="Why we are a hidden gem"
|
||||
description="More than just coffee. We care about the small details that make your day brighter, from our curated book selection to our friendly cafe cats."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "c1", title: "Cozy Atmosphere", content: "Beautiful, thoughtful details make our cafe the perfect place to work or unwind."},
|
||||
{
|
||||
id: "c2", title: "Friendly Staff", content: "Our staff are passionate about specialty coffee and creating a welcoming experience for everyone."},
|
||||
{
|
||||
id: "c3", title: "Cat-Friendly Spot", content: "Enjoy your brew in the company of our adorable resident cats."},
|
||||
{ id: "c1", title: "Cozy Atmosphere", content: "Beautiful, thoughtful details make our cafe the perfect place to work or unwind." },
|
||||
{ id: "c2", title: "Friendly Staff", content: "Our staff are passionate about specialty coffee and creating a welcoming experience for everyone." },
|
||||
{ id: "c3", title: "Cat-Friendly Spot", content: "Enjoy your brew in the company of our adorable resident cats." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079722.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -128,20 +87,12 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Strawberry Matcha Latte", price: "KWD 2.5", imageSrc: "http://img.b2bpic.net/free-photo/glass-green-tea_23-2148170701.jpg"},
|
||||
{
|
||||
id: "2", name: "Flat White", price: "KWD 1.8", imageSrc: "http://img.b2bpic.net/free-photo/closeup-classic-fresh-espresso-served-dark-surface_1220-5375.jpg"},
|
||||
{
|
||||
id: "3", name: "Oat Milk Latte", price: "KWD 2.0", imageSrc: "http://img.b2bpic.net/free-photo/cocoa-with-laptop-cozy-winter-home-warm-background_501050-180.jpg"},
|
||||
{
|
||||
id: "4", name: "Ube Matcha Latte", price: "KWD 2.2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-blue-smoothies_23-2148303013.jpg"},
|
||||
{
|
||||
id: "5", name: "Fudgy Brownie", price: "KWD 1.5", imageSrc: "http://img.b2bpic.net/free-photo/christmas-brownie-wooden-table_123827-34744.jpg"},
|
||||
{
|
||||
id: "6", name: "Brazilian Espresso", price: "KWD 1.2", imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg"},
|
||||
{ id: "1", name: "Strawberry Matcha Latte", price: "KWD 2.5", imageSrc: "http://img.b2bpic.net/free-photo/glass-green-tea_23-2148170701.jpg" },
|
||||
{ id: "2", name: "Flat White", price: "KWD 1.8", imageSrc: "http://img.b2bpic.net/free-photo/closeup-classic-fresh-espresso-served-dark-surface_1220-5375.jpg" },
|
||||
{ id: "3", name: "Oat Milk Latte", price: "KWD 2.0", imageSrc: "http://img.b2bpic.net/free-photo/cocoa-with-laptop-cozy-winter-home-warm-background_501050-180.jpg" }
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="Crafted with love using high-quality ingredients."
|
||||
@@ -156,12 +107,8 @@ export default function LandingPage() {
|
||||
title="Instagram Feed"
|
||||
description="Catch our latest posts and behind-the-scenes moments on Instagram."
|
||||
blogs={[
|
||||
{
|
||||
id: "ig1", category: "Post", title: "Morning Brew", excerpt: "Starting the day right with our signature pour over.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg", authorName: "Sluggish", authorAvatar: "", date: "2d ago"
|
||||
},
|
||||
{
|
||||
id: "ig2", category: "Post", title: "Cat Life", excerpt: "The resident cafe cats enjoying the sunlight.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079722.jpg", authorName: "Sluggish", authorAvatar: "", date: "4d ago"
|
||||
}
|
||||
{ id: "ig1", category: "Post", title: "Morning Brew", excerpt: "Starting the day right with our signature pour over.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg", authorName: "Sluggish", authorAvatar: "", date: "2d ago" },
|
||||
{ id: "ig2", category: "Post", title: "Cat Life", excerpt: "The resident cafe cats enjoying the sunlight.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079722.jpg", authorName: "Sluggish", authorAvatar: "", date: "4d ago" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,10 +120,6 @@ export default function LandingPage() {
|
||||
description="Find us on these social platforms."
|
||||
names={["Instagram", "TikTok", "Twitter", "Threads"]}
|
||||
textboxLayout="split"
|
||||
buttons={[
|
||||
{ text: "Follow Instagram", href: "https://instagram.com/sluggish" },
|
||||
{ text: "Follow TikTok", href: "https://tiktok.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,30 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "coffee", badge: "Popular", price: "KWD 1-2", subtitle: "Single shot beverages", buttons: [
|
||||
{
|
||||
text: "View Menu", href: "#products"},
|
||||
],
|
||||
features: [
|
||||
"V60 Drip", "Espresso", "Flat White"],
|
||||
},
|
||||
{
|
||||
id: "specialty", badge: "Signature", price: "KWD 2-3", subtitle: "Crafted signatures", buttons: [
|
||||
{
|
||||
text: "View Menu", href: "#products"},
|
||||
],
|
||||
features: [
|
||||
"Ube Matcha", "Strawberry Matcha", "Specialty Lattes"],
|
||||
},
|
||||
{
|
||||
id: "snacks", badge: "Snacks", price: "KWD 1-2", subtitle: "Sweet treats", buttons: [
|
||||
{
|
||||
text: "View Menu", href: "#products"},
|
||||
],
|
||||
features: [
|
||||
"Fudgy Brownies", "Mock Muffins"],
|
||||
},
|
||||
{ id: "coffee", badge: "Popular", price: "KWD 1-2", subtitle: "Single shot beverages", buttons: [{ text: "View Menu", href: "#products" }], features: ["V60 Drip", "Espresso", "Flat White"] },
|
||||
{ id: "specialty", badge: "Signature", price: "KWD 2-3", subtitle: "Crafted signatures", buttons: [{ text: "View Menu", href: "#products" }], features: ["Ube Matcha", "Strawberry Matcha", "Specialty Lattes"] },
|
||||
{ id: "snacks", badge: "Snacks", price: "KWD 1-2", subtitle: "Sweet treats", buttons: [{ text: "View Menu", href: "#products" }], features: ["Fudgy Brownies", "Mock Muffins"] }
|
||||
]}
|
||||
title="Affordable Quality"
|
||||
description="Premium specialty coffee experience at accessible prices."
|
||||
@@ -222,16 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Adrian Mylrea", role: "Coffee Enthusiast", testimonial: "Great matcha, lovely service and happy to have the company of the cute cats.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg"},
|
||||
{
|
||||
id: "t2", name: "Noor Shames", role: "Local Guide", testimonial: "Unique coffee shop experience. High quality drinks crafted with love.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-writing-planner-cafe-table-morning_1098-20099.jpg"},
|
||||
{
|
||||
id: "t3", name: "BasmaKhan", role: "Remote Worker", testimonial: "Loved the ambiance and atmosphere, very peaceful, welcoming and bright.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg"},
|
||||
{
|
||||
id: "t4", name: "Sarah Alsaffar", role: "Regular", testimonial: "One of my all time favorite places to hang. Fun and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-woman-with-cup-coffee_23-2147925425.jpg"},
|
||||
{
|
||||
id: "t5", name: "Alex Robu", role: "Coffee Lover", testimonial: "One of the best FlatWhite coffee that I did drink in Kuwait.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-drinking-coffee_158595-1111.jpg"},
|
||||
{ id: "t1", name: "Adrian Mylrea", role: "Coffee Enthusiast", testimonial: "Great matcha, lovely service and happy to have the company of the cute cats.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg" },
|
||||
{ id: "t2", name: "Noor Shames", role: "Local Guide", testimonial: "Unique coffee shop experience. High quality drinks crafted with love.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-writing-planner-cafe-table-morning_1098-20099.jpg" },
|
||||
{ id: "t3", name: "BasmaKhan", role: "Remote Worker", testimonial: "Loved the ambiance and atmosphere, very peaceful, welcoming and bright.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg" }
|
||||
]}
|
||||
title="Loved by the community"
|
||||
description="What our guests in Salmiya are saying."
|
||||
@@ -243,12 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "What are your opening hours?", content: "We are open daily from 6:00 AM to 10:00 PM (Fridays 8:00 AM - 12:00 AM)."},
|
||||
{
|
||||
id: "q2", title: "Do you have Wi-Fi?", content: "Yes, we provide free Wi-Fi for all our guests visiting us."},
|
||||
{
|
||||
id: "q3", title: "Is the place pet-friendly?", content: "We are cat-friendly and love having our feline friends around!"},
|
||||
{ id: "q1", title: "What are your opening hours?", content: "We are open daily from 6:00 AM to 10:00 PM (Fridays 8:00 AM - 12:00 AM)." },
|
||||
{ id: "q2", title: "Do you have Wi-Fi?", content: "Yes, we provide free Wi-Fi for all our guests visiting us." },
|
||||
{ id: "q3", title: "Is the place pet-friendly?", content: "We are cat-friendly and love having our feline friends around!" }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your visit."
|
||||
@@ -259,14 +171,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at Blue Bay building, Street 104, Salmiya. Follow us on Instagram for latest updates."
|
||||
buttons={[
|
||||
{
|
||||
text: "Follow on Instagram", href: "https://instagram.com/sluggish"},
|
||||
{
|
||||
text: "Call us", href: "tel:66510916"},
|
||||
{ text: "Follow on Instagram", href: "https://instagram.com/sluggish" },
|
||||
{ text: "Call us", href: "tel:66510916" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -274,30 +183,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow", items: [
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Google Maps", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Follow", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Google Maps", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Sluggish Coffee"
|
||||
bottomRightText="Blue Bay Building, Salmiya"
|
||||
|
||||
Reference in New Issue
Block a user