Merge version_1 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Temket Coffee"
|
||||
/>
|
||||
@@ -55,42 +47,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Perfect Coffee Escape in Diani"
|
||||
description="Specialty coffee, beach vibes, and a space you'll never want to leave."
|
||||
tag="Diani's Premier Café"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us Today", href: "#contact"},
|
||||
{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "https://wa.me/254700000000",
|
||||
},
|
||||
text: "Chat on WhatsApp", href: "https://wa.me/254700000000"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-sitting-near-table-restaurant_23-2147936115.jpg?_wi=1",
|
||||
imageAlt: "tropical coffee shop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-sitting-near-table-restaurant_23-2147936115.jpg", imageAlt: "tropical coffee shop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-art-coffee-cappuccino-cup-wooden-table-background-with-copy-space_1150-10237.jpg?_wi=1",
|
||||
imageAlt: "latte art coffee table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-beautiful-silhouette-tree-trees_1203-5175.jpg",
|
||||
imageAlt: "hotel beautiful silhouette tree trees",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-cup-with-beautiful-tropical-outdoor-view_74190-6865.jpg",
|
||||
imageAlt: "Hot Coffee cup with beautiful tropical outdoor view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe-hotel-decorated-with-green-plants-flowers_181624-37913.jpg",
|
||||
imageAlt: "Cozy cafe in the hotel decorated with green plants and flowers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-art-coffee-cappuccino-cup-wooden-table-background-with-copy-space_1150-10237.jpg", imageAlt: "latte art coffee table"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,19 +76,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Beans Roasted Daily",
|
||||
value: "20kg",
|
||||
},
|
||||
label: "Beans Roasted Daily", value: "20kg"},
|
||||
{
|
||||
icon: Wifi,
|
||||
label: "Fiber Speed",
|
||||
value: "100Mbps",
|
||||
},
|
||||
label: "Fiber Speed", value: "100Mbps"},
|
||||
{
|
||||
icon: Sun,
|
||||
label: "From The Beach",
|
||||
value: "5min",
|
||||
},
|
||||
label: "From The Beach", value: "5min"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -131,47 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Espresso",
|
||||
price: "$2",
|
||||
variant: "Strong & Bold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",
|
||||
},
|
||||
id: "1", name: "Espresso", price: "$2", variant: "Strong & Bold", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cappuccino",
|
||||
price: "$3",
|
||||
variant: "Velvety Foam",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-146543.jpg",
|
||||
},
|
||||
id: "2", name: "Cappuccino", price: "$3", variant: "Velvety Foam", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-146543.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Iced Coffee",
|
||||
price: "$4",
|
||||
variant: "Refreshing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-arrangement-black-cloth_23-2148623251.jpg",
|
||||
},
|
||||
id: "3", name: "Iced Coffee", price: "$4", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-arrangement-black-cloth_23-2148623251.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fresh Sandwich",
|
||||
price: "$6",
|
||||
variant: "Light Bite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-tasty-bagels-flat-lay_23-2148516594.jpg",
|
||||
},
|
||||
id: "4", name: "Fresh Sandwich", price: "$6", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/baking-tasty-bagels-flat-lay_23-2148516594.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fruit Smoothie",
|
||||
price: "$5",
|
||||
variant: "Tropical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281851.jpg",
|
||||
},
|
||||
id: "5", name: "Fruit Smoothie", price: "$5", variant: "Tropical", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281851.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Warm Croissant",
|
||||
price: "$3",
|
||||
variant: "Buttery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-having-coffee-breakfast_23-2147666306.jpg",
|
||||
},
|
||||
id: "6", name: "Warm Croissant", price: "$3", variant: "Buttery", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-having-coffee-breakfast_23-2147666306.jpg"},
|
||||
]}
|
||||
title="Curated Menu"
|
||||
description="Artisan brews and fresh bites to power your Diani day."
|
||||
@@ -185,49 +120,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Beans",
|
||||
description: "Ethically sourced, locally roasted.",
|
||||
icon: Award,
|
||||
title: "Artisan Beans", description: "Ethically sourced, locally roasted.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-having-cup-coffee_53876-40350.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-having-cup-coffee_53876-40350.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-little-cakes-with-cup-tea-light-white-floor-cake-biscuit-cookie-dessert-tea-sweet_140725-118468.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-little-cakes-with-cup-tea-light-white-floor-cake-biscuit-cookie-dessert-tea-sweet_140725-118468.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-sitting-near-table-restaurant_23-2147936115.jpg?_wi=2",
|
||||
imageAlt: "espresso shot café menu",
|
||||
},
|
||||
{
|
||||
title: "Coworker Friendly",
|
||||
description: "Blazing fast WiFi in every corner.",
|
||||
icon: Wifi,
|
||||
title: "Coworker Friendly", description: "Blazing fast WiFi in every corner.", icon: Wifi,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-art-coffee-cappuccino-cup-wooden-table-background-with-copy-space_1150-10237.jpg?_wi=2",
|
||||
imageAlt: "espresso shot café menu",
|
||||
},
|
||||
{
|
||||
title: "Perfect Location",
|
||||
description: "Just steps away from the white sands.",
|
||||
icon: MapPin,
|
||||
title: "Perfect Location", description: "Just steps away from the white sands.", icon: MapPin,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dead-tree-trunks-slowinski-national-park_1204-413.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dead-tree-trunks-slowinski-national-park_1204-413.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-beer-sitting-table_23-2147680568.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-beer-sitting-table_23-2147680568.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-cup-pile-coffee-bean-coffee-shop-logo-business-branding-template-designs-inspiration-isolated-white-background_384344-1429.jpg",
|
||||
imageAlt: "espresso shot café menu",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Temket?"
|
||||
@@ -243,25 +160,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "g1",
|
||||
value: "Aesthetic",
|
||||
title: "Instagrammable",
|
||||
description: "The perfect corner for photos.",
|
||||
icon: Camera,
|
||||
id: "g1", value: "Aesthetic", title: "Instagrammable", description: "The perfect corner for photos.", icon: Camera,
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
value: "Organic",
|
||||
title: "Locally Sourced",
|
||||
description: "From farm to cup.",
|
||||
icon: Leaf,
|
||||
id: "g2", value: "Organic", title: "Locally Sourced", description: "From farm to cup.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
value: "Friendly",
|
||||
title: "The Vibe",
|
||||
description: "Warm Diani smiles.",
|
||||
icon: Smile,
|
||||
id: "g3", value: "Friendly", title: "The Vibe", description: "Warm Diani smiles.", icon: Smile,
|
||||
},
|
||||
]}
|
||||
title="Café Life"
|
||||
@@ -276,40 +181,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@travel_sarah",
|
||||
testimonial: "The best coffee I've found in all of Kenya!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-customer_23-2148366617.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@travel_sarah", testimonial: "The best coffee I've found in all of Kenya!", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-customer_23-2148366617.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark K.",
|
||||
handle: "@nomad_mark",
|
||||
testimonial: "Perfect WiFi and incredible energy for working.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-cafe_1098-16144.jpg",
|
||||
},
|
||||
id: "2", name: "Mark K.", handle: "@nomad_mark", testimonial: "Perfect WiFi and incredible energy for working.", imageSrc: "http://img.b2bpic.net/free-photo/designer-cafe_1098-16144.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_diani",
|
||||
testimonial: "My go-to spot for an afternoon latte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elena_diani", testimonial: "My go-to spot for an afternoon latte.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom B.",
|
||||
handle: "@travel_tom",
|
||||
testimonial: "Truly the best coffee escape in Diani.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg",
|
||||
},
|
||||
id: "4", name: "Tom B.", handle: "@travel_tom", testimonial: "Truly the best coffee escape in Diani.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
handle: "@lisa_diani",
|
||||
testimonial: "Such a lovely atmosphere, staff are amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893776.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa M.", handle: "@lisa_diani", testimonial: "Such a lovely atmosphere, staff are amazing.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893776.jpg"},
|
||||
]}
|
||||
title="Love From Our Guests"
|
||||
description="Hear what our amazing visitors have to say."
|
||||
@@ -320,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Visit Us Today"
|
||||
description="Find us in Diani, Kenya. Come say hello and have a cup with us!"
|
||||
@@ -332,13 +211,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Temket Coffee"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/254700000000",
|
||||
}}
|
||||
text: "WhatsApp Us", href: "https://wa.me/254700000000"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user