Merge version_1 into main #1
209
src/app/page.tsx
209
src/app/page.tsx
@@ -32,23 +32,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Craft", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SAZ Coffee"
|
||||
button={{
|
||||
text: "Order Now", href: "#menu"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,9 +53,7 @@ export default function LandingPage() {
|
||||
description="More than a café, it's a curated space in the heart of Mecca where specialty craft and calm coexist."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Our Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-minimalist-lifestyle_23-2149743887.jpg"
|
||||
/>
|
||||
@@ -71,9 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Specialty Coffee, Elevated",
|
||||
},
|
||||
type: "text", content: "Specialty Coffee, Elevated"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,35 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Slow Coffee",
|
||||
author: "V60 Focus",
|
||||
description: "Precision pour-over methods showcasing single-origin bean character.",
|
||||
tags: [
|
||||
"Specialty",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg",
|
||||
},
|
||||
id: "f1", title: "Slow Coffee", author: "V60 Focus", description: "Precision pour-over methods showcasing single-origin bean character.", tags: [
|
||||
"Specialty"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Signature Blends",
|
||||
author: "Unique Flavors",
|
||||
description: "Hibiscus-infused blends that redefine your coffee experience.",
|
||||
tags: [
|
||||
"Signature",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-coffee-cups-textured-background_53876-176759.jpg",
|
||||
},
|
||||
id: "f2", title: "Signature Blends", author: "Unique Flavors", description: "Hibiscus-infused blends that redefine your coffee experience.", tags: [
|
||||
"Signature"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-coffee-cups-textured-background_53876-176759.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Luxurious Space",
|
||||
author: "Modern Design",
|
||||
description: "Designed for comfort, taste, and impeccable cleanliness.",
|
||||
tags: [
|
||||
"Atmosphere",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg",
|
||||
},
|
||||
id: "f3", title: "Luxurious Space", author: "Modern Design", description: "Designed for comfort, taste, and impeccable cleanliness.", tags: [
|
||||
"Atmosphere"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg"},
|
||||
]}
|
||||
title="Why Choose SAZ"
|
||||
description="Refined atmosphere, exceptional beans, and a team dedicated to your perfect cup."
|
||||
@@ -128,41 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "V60 Pour-over",
|
||||
price: "22 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-preparing-espresso-professional-coffee-machine-closeup_169016-18731.jpg",
|
||||
},
|
||||
id: "p1", name: "V60 Pour-over", price: "22 SAR", imageSrc: "http://img.b2bpic.net/free-photo/process-preparing-espresso-professional-coffee-machine-closeup_169016-18731.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Hibiscus Blend",
|
||||
price: "18 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-drinks-with-orange-slices_1203-1757.jpg",
|
||||
},
|
||||
id: "p2", name: "Hibiscus Blend", price: "18 SAR", imageSrc: "http://img.b2bpic.net/free-photo/tropical-drinks-with-orange-slices_1203-1757.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Tart",
|
||||
price: "25 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-homemade-marshmallow-with-black-currant_181624-34098.jpg",
|
||||
},
|
||||
id: "p3", name: "Artisan Tart", price: "25 SAR", imageSrc: "http://img.b2bpic.net/free-photo/closeup-homemade-marshmallow-with-black-currant_181624-34098.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rotating Coffee",
|
||||
price: "20 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-high-angle_23-2149870675.jpg",
|
||||
},
|
||||
id: "p4", name: "Rotating Coffee", price: "20 SAR", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-high-angle_23-2149870675.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cold Brew",
|
||||
price: "24 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg",
|
||||
},
|
||||
id: "p5", name: "Cold Brew", price: "24 SAR", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Espresso Shot",
|
||||
price: "12 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-installing-filter-espresso-machine_23-2147834505.jpg",
|
||||
},
|
||||
id: "p6", name: "Espresso Shot", price: "12 SAR", imageSrc: "http://img.b2bpic.net/free-photo/hand-installing-filter-espresso-machine_23-2147834505.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Artisan desserts and carefully brewed specialty coffee."
|
||||
@@ -176,59 +125,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Coffee Enthusiast",
|
||||
company: "Mecca",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beauty-woman-working-laptop-coffee-shop_231208-4731.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", role: "Coffee Enthusiast", company: "Mecca", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beauty-woman-working-laptop-coffee-shop_231208-4731.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahmed",
|
||||
role: "Regular",
|
||||
company: "Andalus",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea-while-wearing-face-masks-their-chin_23-2148693091.jpg",
|
||||
},
|
||||
id: "2", name: "Ahmed", role: "Regular", company: "Andalus", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea-while-wearing-face-masks-their-chin_23-2148693091.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Layla",
|
||||
role: "Food Blogger",
|
||||
company: "Mecca",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-girl-dressed-autumn-clothes_171337-2206.jpg",
|
||||
},
|
||||
id: "3", name: "Layla", role: "Food Blogger", company: "Mecca", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-girl-dressed-autumn-clothes_171337-2206.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Khalid",
|
||||
role: "Tech Professional",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-mobile-phone-coffee-cup-coffee-shop_1170-2068.jpg",
|
||||
},
|
||||
id: "4", name: "Khalid", role: "Tech Professional", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-mobile-phone-coffee-cup-coffee-shop_1170-2068.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mona",
|
||||
role: "Designer",
|
||||
company: "Cafe Lovers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-posing-against-dark-wall_158595-4471.jpg",
|
||||
},
|
||||
id: "5", name: "Mona", role: "Designer", company: "Cafe Lovers", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-posing-against-dark-wall_158595-4471.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.8", label: "Google Rating"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Daily Visitors",
|
||||
},
|
||||
value: "100+", label: "Daily Visitors"},
|
||||
{
|
||||
value: "3",
|
||||
label: "Signature Blends",
|
||||
},
|
||||
value: "3", label: "Signature Blends"},
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="A 4.8 rating across Google Maps confirms our commitment to quality."
|
||||
@@ -240,14 +158,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Mecca Specialty Association",
|
||||
"Andalus Community Group",
|
||||
"Saudi Cafe Monthly",
|
||||
"Coffee Craft Collective",
|
||||
"Regional Taste Magazine",
|
||||
"Local Business Award",
|
||||
"Modern Arabia Design",
|
||||
]}
|
||||
"Mecca Specialty Association", "Andalus Community Group", "Saudi Cafe Monthly", "Coffee Craft Collective", "Regional Taste Magazine", "Local Business Award", "Modern Arabia Design"]}
|
||||
title="Recognized by"
|
||||
description="Collaborations that define our excellence."
|
||||
/>
|
||||
@@ -259,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer wholesale beans?",
|
||||
content: "Yes, please contact us for inquiries.",
|
||||
},
|
||||
id: "q1", title: "Do you offer wholesale beans?", content: "Yes, please contact us for inquiries."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your cafe open for events?",
|
||||
content: "We offer private space bookings.",
|
||||
},
|
||||
id: "q2", title: "Is your cafe open for events?", content: "We offer private space bookings."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have parking?",
|
||||
content: "We are conveniently located with nearby accessibility.",
|
||||
},
|
||||
id: "q3", title: "Do you have parking?", content: "We are conveniently located with nearby accessibility."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-woman-talking-receptionist-while-arriving-spa_637285-9455.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -286,16 +188,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Join Us at SAZ"
|
||||
description="Located in the Andalus district, Mecca. Come taste the craft."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,29 +203,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user