Merge version_1 into main #2
189
src/app/page.tsx
189
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/order",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Order", id: "/order" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
]}
|
||||
brandName="RoadRunner Coffee"
|
||||
/>
|
||||
@@ -57,42 +42,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Fuel Your Journey"
|
||||
description="Artisan roasted coffee beans delivered straight to your cup. Experience the vibrant spirit of RoadRunner Coffee in every single sip."
|
||||
tag="Since 2012"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "/order",
|
||||
},
|
||||
text: "Order Now", href: "/order"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
text: "View Menu", href: "/menu"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-marshmallow-drink-near-fireplace_23-2148337325.jpg?_wi=1",
|
||||
imageAlt: "Fresh roasted coffee beans",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-marshmallow-drink-near-fireplace_23-2148337325.jpg", imageAlt: "Fresh roasted coffee beans"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg?_wi=1",
|
||||
imageAlt: "Barista pouring latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-roasted-linen-cafe-italian_1172-347.jpg?_wi=1",
|
||||
imageAlt: "Premium roasted coffee bag",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-croissants_23-2149233677.jpg?_wi=1",
|
||||
imageAlt: "Fresh buttery croissant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocoa-chocolate-popcorn-ginger-biscuits-knitted-blanket-cozy-winter-home-background_501050-132.jpg?_wi=1",
|
||||
imageAlt: "Seasonal pumpkin spice drink",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg", imageAlt: "Barista pouring latte art"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,41 +72,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Dark Roast Blend",
|
||||
price: "$16.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-roasted-linen-cafe-italian_1172-347.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Dark Roast Blend", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/small-roasted-linen-cafe-italian_1172-347.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Butter Croissant",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-croissants_23-2149233677.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Butter Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-croissants_23-2149233677.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Seasonal Spice Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocoa-chocolate-popcorn-ginger-biscuits-knitted-blanket-cozy-winter-home-background_501050-132.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Seasonal Spice Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/cocoa-chocolate-popcorn-ginger-biscuits-knitted-blanket-cozy-winter-home-background_501050-132.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Iced Cold Brew",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-6416.jpg",
|
||||
},
|
||||
id: "p4", name: "Classic Iced Cold Brew", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-6416.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vanilla Bean Latte",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-star-latte-art_1252-872.jpg?_wi=1",
|
||||
},
|
||||
id: "p5", name: "Vanilla Bean Latte", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-star-latte-art_1252-872.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-with-blueberries_23-2148718792.jpg",
|
||||
},
|
||||
id: "p6", name: "Blueberry Muffin", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-with-blueberries_23-2148718792.jpg"},
|
||||
]}
|
||||
title="Signature Roasts & Treats"
|
||||
description="Discover our most popular coffee blends and freshly baked pastries."
|
||||
@@ -157,45 +97,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cute-asian-barista-smiling-girl-puts-coffee-tamper-prepare-cappuccino-standing_1258-134055.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Designer", company: "Local Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cute-asian-barista-smiling-girl-puts-coffee-tamper-prepare-cappuccino-standing_1258-134055.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-with-stubble-having-joyful-look-sitting-wooden-table-outdoor-coffee-shop-with-cup-cappuccino-front-him_273609-1753.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", role: "Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-with-stubble-having-joyful-look-sitting-wooden-table-outdoor-coffee-shop-with-cup-cappuccino-front-him_273609-1753.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda M.",
|
||||
role: "Manager",
|
||||
company: "Retail Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-apron-pouring-coffee-cup-customer_23-2148366693.jpg",
|
||||
},
|
||||
id: "t3", name: "Linda M.", role: "Manager", company: "Retail Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-apron-pouring-coffee-cup-customer_23-2148366693.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin P.",
|
||||
role: "Freelancer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256929.jpg",
|
||||
},
|
||||
id: "t4", name: "Kevin P.", role: "Freelancer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256929.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
role: "Architect",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena R.", role: "Architect", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg"},
|
||||
]}
|
||||
title="Customer Favorites"
|
||||
description="See why our community loves RoadRunner Coffee."
|
||||
@@ -212,18 +127,10 @@ export default function LandingPage() {
|
||||
description="How we grow the local coffee community."
|
||||
metrics={[
|
||||
{
|
||||
id: "e1",
|
||||
value: "50+",
|
||||
title: "Local Suppliers",
|
||||
description: "Sourcing beans directly from farmers.",
|
||||
icon: Truck,
|
||||
id: "e1", value: "50+", title: "Local Suppliers", description: "Sourcing beans directly from farmers.", icon: Truck,
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
value: "12",
|
||||
title: "Roast Profiles",
|
||||
description: "Expertly crafted by our master roasters.",
|
||||
icon: Flame,
|
||||
id: "e2", value: "12", title: "Roast Profiles", description: "Expertly crafted by our master roasters.", icon: Flame,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -236,15 +143,9 @@ export default function LandingPage() {
|
||||
sideDescription="Everything you need to know about your daily brew."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we have almond and oat milk alternatives.",
|
||||
},
|
||||
id: "f1", title: "Do you offer vegan options?", content: "Yes, we have almond and oat milk alternatives."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I order for events?",
|
||||
content: "Absolutely! Contact us for catering details.",
|
||||
},
|
||||
id: "f2", title: "Can I order for events?", content: "Absolutely! Contact us for catering details."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -255,37 +156,23 @@ export default function LandingPage() {
|
||||
logoText="RoadRunner Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "Menu", href: "/menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user