Merge version_1 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Coffee",
|
||||
id: "products",
|
||||
},
|
||||
name: "Our Coffee", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PitStop Coffee"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Morning Ritual"
|
||||
description="Experience artisanal precision and world-class beans at PitStop Coffee. Your daily pit stop for perfection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Menu", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg",
|
||||
imageAlt: "Luxurious coffee shop atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg", imageAlt: "Luxurious coffee shop atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-coffee-cup_23-2149708097.jpg",
|
||||
imageAlt: "Barista making coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-coffee-cup_23-2149708097.jpg", imageAlt: "Barista making coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164740.jpg",
|
||||
imageAlt: "Coffee beans detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164740.jpg", imageAlt: "Coffee beans detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-takeaway-coffee_1262-16909.jpg",
|
||||
imageAlt: "Morning latte",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-takeaway-coffee_1262-16909.jpg", imageAlt: "Morning latte"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg",
|
||||
imageAlt: "Espresso machine detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg", imageAlt: "Espresso machine detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-158.jpg",
|
||||
imageAlt: "Coffee shop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-158.jpg", imageAlt: "Coffee shop interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Journey in Every Sip"
|
||||
description={[
|
||||
"Founded on the principles of quality, transparency, and the pursuit of the perfect cup, PitStop Coffee is where craft meets comfort.",
|
||||
"We source only the finest beans from sustainable farms, roasting them to perfection in small batches to ensure maximum flavor complexity.",
|
||||
]}
|
||||
"Founded on the principles of quality, transparency, and the pursuit of the perfect cup, PitStop Coffee is where craft meets comfort.", "We source only the finest beans from sustainable farms, roasting them to perfection in small batches to ensure maximum flavor complexity."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,47 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Espresso",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-6389.jpg",
|
||||
imageAlt: "Espresso",
|
||||
},
|
||||
id: "p1", name: "Signature Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-6389.jpg", imageAlt: "Espresso"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velvet Cappuccino",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-wooden-table_1232-2219.jpg",
|
||||
imageAlt: "Cappuccino",
|
||||
},
|
||||
id: "p2", name: "Velvet Cappuccino", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-wooden-table_1232-2219.jpg", imageAlt: "Cappuccino"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Iced Oat Latte",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6102.jpg",
|
||||
imageAlt: "Iced Latte",
|
||||
},
|
||||
id: "p3", name: "Iced Oat Latte", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6102.jpg", imageAlt: "Iced Latte"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Americano",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee_1388-803.jpg",
|
||||
imageAlt: "Americano",
|
||||
},
|
||||
id: "p4", name: "Classic Americano", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee_1388-803.jpg", imageAlt: "Americano"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfect-iced-latte_53876-31301.jpg",
|
||||
imageAlt: "Cold Brew",
|
||||
},
|
||||
id: "p5", name: "Cold Brew Reserve", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/perfect-iced-latte_53876-31301.jpg", imageAlt: "Cold Brew"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Flat White",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cafe-food-old-background_1339-66.jpg",
|
||||
imageAlt: "Flat White",
|
||||
},
|
||||
id: "p6", name: "Flat White", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/black-cafe-food-old-background_1339-66.jpg", imageAlt: "Flat White"},
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Hand-crafted coffee creations delivered with expertise."
|
||||
@@ -162,27 +107,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Organic Sourcing",
|
||||
description: "100% fair trade and organic beans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711609.jpg",
|
||||
imageAlt: "Beans",
|
||||
},
|
||||
title: "Organic Sourcing", description: "100% fair trade and organic beans.", imageSrc: "http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711609.jpg", imageAlt: "Beans"},
|
||||
{
|
||||
title: "Expert Roasting",
|
||||
description: "Small-batch roasting for peak freshness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-cup_114579-16758.jpg",
|
||||
imageAlt: "Roasting",
|
||||
},
|
||||
title: "Expert Roasting", description: "Small-batch roasting for peak freshness.", imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-cup_114579-16758.jpg", imageAlt: "Roasting"},
|
||||
{
|
||||
title: "Barista Training",
|
||||
description: "World-class preparation techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-filter_23-2148349630.jpg",
|
||||
imageAlt: "Barista",
|
||||
},
|
||||
title: "Barista Training", description: "World-class preparation techniques.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-filter_23-2148349630.jpg", imageAlt: "Barista"},
|
||||
]}
|
||||
title="What Defines Our Brew"
|
||||
description="Quality assurance at every stage of your experience."
|
||||
@@ -197,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
description: "Cups Brewed Daily",
|
||||
},
|
||||
id: "m1", value: "15K+", description: "Cups Brewed Daily"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Unique Roast Varieties",
|
||||
},
|
||||
id: "m2", value: "12", description: "Unique Roast Varieties"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Sustainable Sourcing",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Sustainable Sourcing"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Coffee excellence across the city."
|
||||
@@ -223,45 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best in town",
|
||||
quote: "The most complex flavors I've ever experienced.",
|
||||
name: "Sarah J.",
|
||||
role: "Journalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-cup_291650-1662.jpg",
|
||||
},
|
||||
id: "1", title: "Best in town", quote: "The most complex flavors I've ever experienced.", name: "Sarah J.", role: "Journalist", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-cup_291650-1662.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pure magic",
|
||||
quote: "Consistently excellent coffee, day after day.",
|
||||
name: "Mike T.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg",
|
||||
},
|
||||
id: "2", title: "Pure magic", quote: "Consistently excellent coffee, day after day.", name: "Mike T.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect start",
|
||||
quote: "My morning ritual is not complete without it.",
|
||||
name: "Emily R.",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg",
|
||||
},
|
||||
id: "3", title: "Perfect start", quote: "My morning ritual is not complete without it.", name: "Emily R.", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly recommend",
|
||||
quote: "Their commitment to ethics is inspiring.",
|
||||
name: "David K.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg",
|
||||
},
|
||||
id: "4", title: "Highly recommend", quote: "Their commitment to ethics is inspiring.", name: "David K.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Simply great",
|
||||
quote: "Friendly service, incredible roasts.",
|
||||
name: "Anna P.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-modern-woman-starts-her-day-with-morning-mug-tea-girl-drinking-coffee_1258-198136.jpg",
|
||||
},
|
||||
id: "5", title: "Simply great", quote: "Friendly service, incredible roasts.", name: "Anna P.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-modern-woman-starts-her-day-with-morning-mug-tea-girl-drinking-coffee_1258-198136.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from our passionate coffee lovers."
|
||||
@@ -274,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer wholesale?",
|
||||
content: "Yes, contact us for wholesale bean inquiries.",
|
||||
},
|
||||
id: "f1", title: "Do you offer wholesale?", content: "Yes, contact us for wholesale bean inquiries."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are your beans sourced?",
|
||||
content: "From ethically managed cooperatives in Ethiopia and Colombia.",
|
||||
},
|
||||
id: "f2", title: "Where are your beans sourced?", content: "From ethically managed cooperatives in Ethiopia and Colombia."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer vegan milk?",
|
||||
content: "We offer oat, almond, and soy milk at no extra charge.",
|
||||
},
|
||||
id: "f3", title: "Do you offer vegan milk?", content: "We offer oat, almond, and soy milk at no extra charge."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458070.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -304,15 +190,9 @@ export default function LandingPage() {
|
||||
description="We are open daily for your caffeine needs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-cafe_1328-2401.jpg"
|
||||
/>
|
||||
@@ -322,42 +202,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Our Roasts",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Roasts", href: "#products"},
|
||||
{
|
||||
label: "Brewing Methods",
|
||||
href: "#",
|
||||
},
|
||||
label: "Brewing Methods", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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