Merge version_1 into main #2
326
src/app/page.tsx
326
src/app/page.tsx
@@ -26,248 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Signature",
|
||||
id: "signature",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="LOBSTER.COFFEE.HALAL"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Signature", id: "signature" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="LOBSTER.COFFEE.HALAL"
|
||||
button={{ text: "Order Now", href: "#signature" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Songkhla's Hidden Gem of Craft Coffee"
|
||||
description="Experience premium, halal specialty coffee and artisanal desserts in an intimate atmosphere. Your sanctuary for calm and quality."
|
||||
tag="EST. ARTISANAL HALAL CAFE"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Signature Menu",
|
||||
href: "#signature",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312222.jpg",
|
||||
imageAlt: "Signature matcha latte",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tiramisu-small-jar_23-2148531563.jpg",
|
||||
imageAlt: "Homemade tiramisu",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hot-coffee-table_53876-33528.jpg?_wi=1",
|
||||
imageAlt: "Latte art detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-frappe_1339-5230.jpg?_wi=1",
|
||||
imageAlt: "Matcha coconut refreshment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cup-black-coffee-table-with-roasted-beans-lights_181624-28604.jpg?_wi=1",
|
||||
imageAlt: "Premium hot americano",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by locals and travelers alike"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Songkhla's Hidden Gem of Craft Coffee"
|
||||
description="Experience premium, halal specialty coffee and artisanal desserts in an intimate atmosphere. Your sanctuary for calm and quality."
|
||||
tag="EST. ARTISANAL HALAL CAFE"
|
||||
buttons={[
|
||||
{ text: "View Signature Menu", href: "#signature" },
|
||||
{ text: "Get Directions", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312222.jpg", imageAlt: "Signature matcha latte" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tiramisu-small-jar_23-2148531563.jpg", imageAlt: "Homemade tiramisu" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by locals and travelers alike"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Thoughtfully Crafted, Intimately Served"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
tag="OUR PHILOSOPHY"
|
||||
tagIcon={Coffee}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Thoughtfully Crafted, Intimately Served"
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
tag="OUR PHILOSOPHY"
|
||||
tagIcon={Coffee}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="signature" data-section="signature">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tiramisu Latte",
|
||||
price: "฿120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hot-coffee-table_53876-33528.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Matcha Coconut",
|
||||
price: "฿110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-frappe_1339-5230.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Tiramisu",
|
||||
price: "฿150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-cake-flat-lay_23-2148395148.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Banoffee Pie",
|
||||
price: "฿140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-muffin-with-raspberry-whipped-cream_23-2147758338.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Americano",
|
||||
price: "฿80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cup-black-coffee-table-with-roasted-beans-lights_181624-28604.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Velvet Matcha Latte",
|
||||
price: "฿100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-having-cup-matcha-tea_23-2150215063.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Curated specialties that keep our community coming back."
|
||||
/>
|
||||
</div>
|
||||
<div id="signature" data-section="signature">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Tiramisu Latte", price: "฿120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-hot-coffee-table_53876-33528.jpg" },
|
||||
{ id: "2", name: "Matcha Coconut", price: "฿110", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-frappe_1339-5230.jpg" },
|
||||
{ id: "3", name: "Classic Tiramisu", price: "฿150", imageSrc: "http://img.b2bpic.net/free-photo/traditional-cake-flat-lay_23-2148395148.jpg" }
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Curated specialties that keep our community coming back."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible quality",
|
||||
quote: "The tiramisu is genuinely the best I've had in Songkhla. Worth every bit of the trip.",
|
||||
name: "Sarah P.",
|
||||
role: "Local Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290144.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Hidden Gem",
|
||||
quote: "Such a calm, stylish atmosphere. A perfect escape from the daily buzz.",
|
||||
name: "Mark D.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-table_23-2147776681.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Creative perfection",
|
||||
quote: "The matcha coconut is my absolute favorite. Friendly staff and amazing vibes.",
|
||||
name: "Emily K.",
|
||||
role: "Coffee Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25273.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Cozy and warm",
|
||||
quote: "Feels like home. The attention to quality is evident in every cup.",
|
||||
name: "Jasmine T.",
|
||||
role: "Local Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-coffee-cafe-outdoor_624325-2808.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Must visit",
|
||||
quote: "Simple, tasteful interior and consistently excellent coffee. My go-to spot.",
|
||||
name: "Chen W.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-browsing-internet-cafe_1153-7402.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Authentic experiences from fellow coffee lovers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Incredible quality", quote: "The tiramisu is genuinely the best I've had in Songkhla.", name: "Sarah P.", role: "Local Professional", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290144.jpg" },
|
||||
{ id: "2", title: "Hidden Gem", quote: "Such a calm, stylish atmosphere. A perfect escape from the daily buzz.", name: "Mark D.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/tea-table_23-2147776681.jpg" }
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Authentic experiences from fellow coffee lovers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us Today"
|
||||
description="31 Srisuda Soi, Bo Yang, Mueang Songkhla. Open from 08:30 onwards."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Message for us (optional)",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/geography-subject-arrangement-with-map_23-2149048969.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us Today"
|
||||
description="31 Srisuda Soi, Bo Yang, Mueang Songkhla. Open from 08:30 onwards."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Message for us (optional)", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/geography-subject-arrangement-with-map_23-2149048969.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "31 Srisuda Soi, Songkhla",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "065 570 5263",
|
||||
href: "tel:0655705263",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Signature Menu",
|
||||
href: "#signature",
|
||||
},
|
||||
{
|
||||
label: "Location & Hours",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="LOBSTER.COFFEE.HALAL"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "31 Srisuda Soi, Songkhla", href: "#" }, { label: "065 570 5263", href: "tel:0655705263" }] },
|
||||
{ items: [{ label: "Signature Menu", href: "#signature" }, { label: "Location & Hours", href: "#contact" }] }
|
||||
]}
|
||||
logoText="LOBSTER.COFFEE.HALAL"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user