Merge version_2 into main #1
301
src/app/page.tsx
301
src/app/page.tsx
@@ -12,7 +12,9 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Clock, Coffee, MapPin } from "lucide-react";
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Clock, Coffee, MapPin, Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +35,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Social", id: "social-feed"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sluggish"
|
||||
/>
|
||||
@@ -60,56 +54,35 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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: "Matcha Mastered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Specialty Roasts",
|
||||
},
|
||||
type: "text", text: "Specialty Roasts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cozy Atmosphere",
|
||||
},
|
||||
type: "text", text: "Cozy Atmosphere"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Pastries",
|
||||
},
|
||||
type: "text", text: "Fresh Pastries"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cat-Friendly",
|
||||
},
|
||||
type: "text", text: "Cat-Friendly"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Signature Brews",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Signature Brews", value: "15+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations",
|
||||
value: "1",
|
||||
},
|
||||
label: "Locations", value: "1"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Daily Hours",
|
||||
value: "16h",
|
||||
},
|
||||
label: "Daily Hours", value: "16h"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -146,20 +113,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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"
|
||||
@@ -174,47 +132,54 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "6", name: "Brazilian Espresso", price: "KWD 1.2", imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg"},
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="Crafted with love using high-quality ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-feed" data-section="social-feed">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
useInvertedBackground={true}
|
||||
title="Connect With Us"
|
||||
description="Find us on these social platforms."
|
||||
names={["Instagram", "TikTok", "Twitter", "Threads"]}
|
||||
buttons={[
|
||||
{ text: "Follow Instagram", href: "https://instagram.com/sluggish" },
|
||||
{ text: "Follow TikTok", href: "https://tiktok.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
@@ -222,54 +187,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "coffee",
|
||||
badge: "Popular",
|
||||
price: "KWD 1-2",
|
||||
subtitle: "Single shot beverages",
|
||||
buttons: [
|
||||
id: "coffee", badge: "Popular", price: "KWD 1-2", subtitle: "Single shot beverages", buttons: [
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
],
|
||||
features: [
|
||||
"V60 Drip",
|
||||
"Espresso",
|
||||
"Flat White",
|
||||
],
|
||||
"V60 Drip", "Espresso", "Flat White"],
|
||||
},
|
||||
{
|
||||
id: "specialty",
|
||||
badge: "Signature",
|
||||
price: "KWD 2-3",
|
||||
subtitle: "Crafted signatures",
|
||||
buttons: [
|
||||
id: "specialty", badge: "Signature", price: "KWD 2-3", subtitle: "Crafted signatures", buttons: [
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
],
|
||||
features: [
|
||||
"Ube Matcha",
|
||||
"Strawberry Matcha",
|
||||
"Specialty Lattes",
|
||||
],
|
||||
"Ube Matcha", "Strawberry Matcha", "Specialty Lattes"],
|
||||
},
|
||||
{
|
||||
id: "snacks",
|
||||
badge: "Snacks",
|
||||
price: "KWD 1-2",
|
||||
subtitle: "Sweet treats",
|
||||
buttons: [
|
||||
id: "snacks", badge: "Snacks", price: "KWD 1-2", subtitle: "Sweet treats", buttons: [
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
],
|
||||
features: [
|
||||
"Fudgy Brownies",
|
||||
"Mock Muffins",
|
||||
],
|
||||
"Fudgy Brownies", "Mock Muffins"],
|
||||
},
|
||||
]}
|
||||
title="Affordable Quality"
|
||||
@@ -284,40 +223,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Loved by the community"
|
||||
description="What our guests in Salmiya are saying."
|
||||
@@ -330,20 +244,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -355,18 +260,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "Follow on Instagram", href: "https://instagram.com/sluggish"},
|
||||
{
|
||||
text: "Call us",
|
||||
href: "tel:66510916",
|
||||
},
|
||||
text: "Call us", href: "tel:66510916"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -375,42 +275,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
title: "Follow", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "#",
|
||||
},
|
||||
label: "Google Maps", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #8b5a2b;
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f6f0e9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #d4b499;
|
||||
--background-accent: #e3d5ca;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #e1b875;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user