Merge version_1 into main #1
236
src/app/page.tsx
236
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Experience", id: "#experience" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Jacks Coffee"
|
||||
/>
|
||||
@@ -47,17 +42,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Not Your Average Coffee Run"
|
||||
description="Signature drinks, fast service, a spot locals keep coming back to."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-tanned-hands-holds-glass-coffee-with-coconut-milk_197531-18179.jpg"
|
||||
imageAlt="Jacks Coffee signature drink"
|
||||
/>
|
||||
@@ -68,9 +56,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Coffee Done Right"
|
||||
description={[
|
||||
"Consistency is our signature. We combine high-quality specialty beans with lightning-fast service to ensure your daily cup is perfect every single time.",
|
||||
"No long waits, no forgotten orders. Just the coffee you crave, exactly how you like it, served by a team that knows you by name.",
|
||||
]}
|
||||
"Consistency is our signature. We combine high-quality specialty beans with lightning-fast service to ensure your daily cup is perfect every single time.", "No long waits, no forgotten orders. Just the coffee you crave, exactly how you like it, served by a team that knows you by name."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,42 +67,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jacks Signature Latte",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-blank-card-surrounded-with-breakfast-white-desk_23-2148061475.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vanilla Bean Cold Brew",
|
||||
price: "$5.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Midnight Mocha",
|
||||
price: "$6.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Golden Turmeric Latte",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-having-cup-coffee_53876-40350.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sea Salt Caramel Brew",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegan-dairy-free-drink_23-2151920776.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Espresso Tonic",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-tasty-coffee-assortment_23-2149514291.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jacks Signature Latte", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/open-blank-card-surrounded-with-breakfast-white-desk_23-2148061475.jpg" },
|
||||
{ id: "2", name: "Vanilla Bean Cold Brew", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg" },
|
||||
{ id: "3", name: "Midnight Mocha", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg" },
|
||||
{ id: "4", name: "Golden Turmeric Latte", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-having-cup-coffee_53876-40350.jpg" },
|
||||
{ id: "5", name: "Sea Salt Caramel Brew", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/vegan-dairy-free-drink_23-2151920776.jpg" },
|
||||
{ id: "6", name: "Espresso Tonic", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-tasty-coffee-assortment_23-2149514291.jpg" },
|
||||
]}
|
||||
title="Our Signatures"
|
||||
description="Unique craft beverages you won't find anywhere else."
|
||||
@@ -129,36 +85,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Speed",
|
||||
title: "Lightning Fast Service",
|
||||
items: [
|
||||
"Mobile order-ahead",
|
||||
"Dedicated pickup window",
|
||||
"Consistent wait times",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Quality",
|
||||
title: "Specialty Sourcing",
|
||||
items: [
|
||||
"Locally roasted beans",
|
||||
"Expert barista craft",
|
||||
"Consistent brew profiles",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Personality",
|
||||
title: "Known by Name",
|
||||
items: [
|
||||
"Friendly staff",
|
||||
"Community atmosphere",
|
||||
"Personalized recommendations",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Speed", title: "Lightning Fast Service", items: ["Mobile order-ahead", "Dedicated pickup window", "Consistent wait times"] },
|
||||
{ id: "f2", label: "Quality", title: "Specialty Sourcing", items: ["Locally roasted beans", "Expert barista craft", "Consistent brew profiles"] },
|
||||
{ id: "f3", label: "Personality", title: "Known by Name", items: ["Friendly staff", "Community atmosphere", "Personalized recommendations"] },
|
||||
]}
|
||||
title="The Jacks Promise"
|
||||
description="We've built our reputation on reliability and quality."
|
||||
@@ -171,21 +100,9 @@ export default function LandingPage() {
|
||||
title="Trusted by Locals"
|
||||
tag="Reliability Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Consistency rating",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "<3m",
|
||||
description: "Average wait time",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
description: "Happy morning regulars",
|
||||
},
|
||||
{ id: "m1", value: "98%", description: "Consistency rating" },
|
||||
{ id: "m2", value: "<3m", description: "Average wait time" },
|
||||
{ id: "m3", value: "10k+", description: "Happy morning regulars" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -198,26 +115,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2854.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2854.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -229,21 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer mobile ordering?",
|
||||
content: "Yes, use our app for seamless order-ahead and skip the line.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where do you source your beans?",
|
||||
content: "We partner directly with high-altitude farmers who prioritize sustainable practices.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize my signature drink?",
|
||||
content: "Absolutely. Let our baristas know your preferences for milk, sweetness, and shots.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer mobile ordering?", content: "Yes, use our app for seamless order-ahead and skip the line." },
|
||||
{ id: "q2", title: "Where do you source your beans?", content: "We partner directly with high-altitude farmers who prioritize sustainable practices." },
|
||||
{ id: "q3", title: "Can I customize my signature drink?", content: "Absolutely. Let our baristas know your preferences for milk, sweetness, and shots." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to your common coffee questions."
|
||||
@@ -257,18 +147,8 @@ export default function LandingPage() {
|
||||
title="Say Hello"
|
||||
description="Have feedback or a catering request? Let us know."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg"
|
||||
buttonText="Send Message"
|
||||
@@ -278,45 +158,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Signatures",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Signatures", href: "#menu" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
logoText="Jacks Coffee"
|
||||
/>
|
||||
@@ -324,4 +168,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user