Merge version_1 into main #1
189
src/app/page.tsx
189
src/app/page.tsx
@@ -19,27 +19,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Why Roastery"
|
||||
/>
|
||||
@@ -48,63 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Why Roastery: Exceptional Coffee in Madinah"
|
||||
description="Discover artisanal roasting and specialty beans crafted for those who value the perfect cup. Your daily escape at King Abdullah Rd."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted Daily",
|
||||
},
|
||||
type: "text", text: "Freshly Roasted Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced Beans",
|
||||
},
|
||||
type: "text", text: "Locally Sourced Beans"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Brewing Methods",
|
||||
},
|
||||
type: "text", text: "Artisanal Brewing Methods"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Comforting Atmosphere",
|
||||
},
|
||||
type: "text", text: "Comforting Atmosphere"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality Service",
|
||||
},
|
||||
type: "text", text: "Premium Quality Service"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Specialty Espresso",
|
||||
price: "SAR 25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-milky-cocktail-with-berries-cinnamon-sticks_114579-3251.jpg",
|
||||
},
|
||||
id: "1", name: "Specialty Espresso", price: "SAR 25", imageSrc: "http://img.b2bpic.net/free-photo/black-milky-cocktail-with-berries-cinnamon-sticks_114579-3251.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Flat White",
|
||||
price: "SAR 22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg",
|
||||
},
|
||||
id: "2", name: "Flat White", price: "SAR 22", imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Single Origin Drip",
|
||||
price: "SAR 28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187561.jpg",
|
||||
},
|
||||
id: "3", name: "Single Origin Drip", price: "SAR 28", imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187561.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cold Brew Special",
|
||||
price: "SAR 24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-glass-ice-tea-table_181624-21683.jpg",
|
||||
},
|
||||
id: "4", name: "Cold Brew Special", price: "SAR 24", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-glass-ice-tea-table_181624-21683.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Latte Macchiato",
|
||||
price: "SAR 23",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg",
|
||||
},
|
||||
id: "5", name: "Latte Macchiato", price: "SAR 23", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Roasted Beans Pack",
|
||||
price: "SAR 40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-coffee-pouring-into-cup_23-2148420346.jpg",
|
||||
},
|
||||
id: "6", name: "Roasted Beans Pack", price: "SAR 40", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-coffee-pouring-into-cup_23-2148420346.jpg"},
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Carefully selected beans from across the globe, roasted to perfection."
|
||||
@@ -173,22 +126,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Happy Customers",
|
||||
value: "5000+",
|
||||
icon: Users,
|
||||
id: "1", title: "Happy Customers", value: "5000+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Coffee Varieties",
|
||||
value: "15+",
|
||||
icon: Coffee,
|
||||
id: "2", title: "Coffee Varieties", value: "15+", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Expert Roasters",
|
||||
value: "5",
|
||||
icon: Award,
|
||||
id: "3", title: "Expert Roasters", value: "5", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Why Roastery?"
|
||||
@@ -204,25 +148,15 @@ export default function LandingPage() {
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-african-american-man-waiting-lunch-while-sitting-restaurant_58466-16034.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-african-american-man-waiting-lunch-while-sitting-restaurant_58466-16034.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756313.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756313.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -234,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily until 3 AM.",
|
||||
},
|
||||
id: "1", title: "What are your opening hours?", content: "We are open daily until 3 AM."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer no-contact delivery.",
|
||||
},
|
||||
id: "2", title: "Do you offer delivery?", content: "Yes, we offer no-contact delivery."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there drive-through?",
|
||||
content: "Yes, our location features a drive-through for quick service.",
|
||||
},
|
||||
id: "3", title: "Is there drive-through?", content: "Yes, our location features a drive-through for quick service."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -261,16 +186,10 @@ export default function LandingPage() {
|
||||
description="Come experience Why Roastery today. We look forward to serving you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/food-bag-delivered-person-s-door_23-2148964033.jpg"
|
||||
@@ -281,29 +200,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Why Roastery",
|
||||
items: [
|
||||
title: "Why Roastery", items: [
|
||||
{
|
||||
label: "3137 King Abdullah Rd, Madinah",
|
||||
href: "#",
|
||||
},
|
||||
label: "3137 King Abdullah Rd, Madinah", href: "#"},
|
||||
{
|
||||
label: "057 017 1434",
|
||||
href: "tel:0570171434",
|
||||
},
|
||||
label: "057 017 1434", href: "tel:0570171434"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user