Merge version_1 into main #2
133
src/app/page.tsx
133
src/app/page.tsx
@@ -17,27 +17,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
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: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Visit Us", id: "contact"},
|
||||
]}
|
||||
brandName="Jeddah Coffee Roasters"
|
||||
/>
|
||||
@@ -46,23 +45,18 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Specialty Coffee Roasted Fresh in Jeddah"
|
||||
description="Discover ethically sourced beans, expertly roasted daily. Experience premium coffee crafted for those who taste the difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Visit Our Café",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Our Café", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/premium-photography-of-a-pour-over-coffe-1774697246898-bfc6d530.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/premium-photography-of-a-pour-over-coffe-1774697246898-bfc6d530.png"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/howto/rain.mp4?_wi=1"
|
||||
videoSrc="https://www.w3schools.com/howto/rain.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -71,8 +65,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Roasting Craft"
|
||||
description="From farm to cup, we prioritize ethical sourcing and master roasting techniques. Our dedication to quality ensures every brew captures the true essence of its origin."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/premium-photography-of-a-pour-over-coffe-1774697246898-bfc6d530.png?_wi=2"
|
||||
videoSrc="https://www.w3schools.com/howto/rain.mp4?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/premium-photography-of-a-pour-over-coffe-1774697246898-bfc6d530.png"
|
||||
videoSrc="https://www.w3schools.com/howto/rain.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -84,23 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "bean-1",
|
||||
name: "Jeddah Gold Roast",
|
||||
price: "$18.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/close-up-shot-of-roasted-specialty-coffe-1774697246538-0e5631d9.png",
|
||||
},
|
||||
id: "bean-1", name: "Jeddah Gold Roast", price: "$18.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/close-up-shot-of-roasted-specialty-coffe-1774697246538-0e5631d9.png"},
|
||||
{
|
||||
id: "bean-2",
|
||||
name: "Arabian Nights Blend",
|
||||
price: "$22.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/premium-coffee-bag-design-on-a-minimalis-1774697246799-bcfb7fed.png",
|
||||
},
|
||||
id: "bean-2", name: "Arabian Nights Blend", price: "$22.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/premium-coffee-bag-design-on-a-minimalis-1774697246799-bcfb7fed.png"},
|
||||
{
|
||||
id: "bean-3",
|
||||
name: "Morning Espresso",
|
||||
price: "$20.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/artistic-presentation-of-artisanal-coffe-1774697248597-541ccf30.png",
|
||||
},
|
||||
id: "bean-3", name: "Morning Espresso", price: "$20.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/artistic-presentation-of-artisanal-coffe-1774697248597-541ccf30.png"},
|
||||
]}
|
||||
title="Signature Blends"
|
||||
description="Explore our curated collection of specialty beans, perfect for home brewing or office supply."
|
||||
@@ -114,17 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-market stale beans",
|
||||
"Inconsistent quality profiles",
|
||||
"Lack of origin transparency",
|
||||
],
|
||||
"Mass-market stale beans", "Inconsistent quality profiles", "Lack of origin transparency"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Daily fresh roasting",
|
||||
"Direct trade sourcing",
|
||||
"Expertly curated profiles",
|
||||
],
|
||||
"Daily fresh roasting", "Direct trade sourcing", "Expertly curated profiles"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="We blend heritage with innovation to deliver an unmatched coffee experience."
|
||||
@@ -136,30 +112,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697246676-a24ca918.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Ahmed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697246676-a24ca918.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Omar Khalid",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697246977-af4a7b80.png",
|
||||
},
|
||||
id: "2", name: "Omar Khalid", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697246977-af4a7b80.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Layla Mansour",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697247085-0351a6e1.png",
|
||||
},
|
||||
id: "3", name: "Layla Mansour", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697247085-0351a6e1.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ali Hassan",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697247352-7b09e013.png",
|
||||
},
|
||||
id: "4", name: "Ali Hassan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697247352-7b09e013.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zaid Al-Farsi",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697246676-a24ca918.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Zaid Al-Farsi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/portrait-of-a-coffee-enthusiast-in-a-mod-1774697246676-a24ca918.png"},
|
||||
]}
|
||||
cardTitle="Loved by Coffee Enthusiasts"
|
||||
cardTag="Reviews"
|
||||
@@ -171,14 +132,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Experience Our Café"
|
||||
description="Join us in our Jeddah location for an immersive coffee journey. Sign up for our newsletter to receive updates on exclusive roasts and events."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZWibdD8tB2LkyyDjgpZCWPNNF/modern-caf-interior-in-jeddah-warm-light-1774697248568-19156ef8.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
videoSrc="https://www.w3schools.com/howto/rain.mp4?_wi=3"
|
||||
videoSrc="https://www.w3schools.com/howto/rain.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,42 +146,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Wholesale",
|
||||
href: "#",
|
||||
},
|
||||
label: "Wholesale", href: "#"},
|
||||
{
|
||||
label: "Brewing Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Brewing Guides", 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user