Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-04-05 12:51:04 +00:00
5 changed files with 83 additions and 559 deletions

View File

@@ -26,28 +26,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Order",
id: "/order",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Order", id: "/order" },
{ name: "Contact", id: "/contact" },
]}
brandName="Java Cafe"
button={{ text: "Order Now", href: "/order" }}
/>
</div>
@@ -56,21 +42,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Our Story"
metrics={[
{
icon: Coffee,
label: "Coffee Varieties",
value: "20+",
},
{
icon: Users,
label: "Happy Customers",
value: "15k+",
},
{
icon: Award,
label: "Local Awards",
value: "5",
},
{ icon: Coffee, label: "Coffee Varieties", value: "20+" },
{ icon: Users, label: "Happy Customers", value: "15k+" },
{ icon: Award, label: "Local Awards", value: "5" },
]}
metricsAnimation="slide-up"
/>
@@ -80,10 +54,7 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "More Than Just Coffee",
},
{ type: "text", content: "More Than Just Coffee" },
]}
/>
</div>
@@ -91,53 +62,9 @@ export default function LandingPage() {
<div id="footer-main" data-section="footer-main">
<FooterSimple
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "Menu",
href: "/menu",
},
{
label: "Order",
href: "/order",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Order", href: "/order" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Java Cafe Inc."
bottomRightText="Crafted with love"

View File

@@ -25,37 +25,21 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Order",
id: "/order",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Order", id: "/order" },
{ name: "Contact", id: "/contact" },
]}
brandName="Java Cafe"
button={{ text: "Order Now", href: "/order" }}
/>
</div>
<div id="contact-section" data-section="contact-section">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Java Cafe Location"
description="Open Daily 7:00 AM - 9:00 PM. We are located in the center of town. Stop by for a cup of joy!"
@@ -73,16 +57,8 @@ export default function LandingPage() {
description="How to find us and reach out."
faqsAnimation="slide-up"
faqs={[
{
id: "q1",
title: "Where is the parking?",
content: "There is public parking just behind our cafe.",
},
{
id: "q2",
title: "Can I book a party?",
content: "Yes, contact us via email for event inquiries.",
},
{ id: "q1", title: "Where is the parking?", content: "There is public parking just behind our cafe." },
{ id: "q2", title: "Can I book a party?", content: "Yes, contact us via email for event inquiries." },
]}
/>
</div>
@@ -90,53 +66,9 @@ export default function LandingPage() {
<div id="footer-main" data-section="footer-main">
<FooterSimple
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "Menu",
href: "/menu",
},
{
label: "Order",
href: "/order",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Order", href: "/order" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Java Cafe Inc."
bottomRightText="Crafted with love"

View File

@@ -26,28 +26,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Order",
id: "/order",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Order", id: "/order" },
{ name: "Contact", id: "/contact" },
]}
brandName="Java Cafe"
button={{ text: "Order Now", href: "/order" }}
/>
</div>
@@ -58,48 +44,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Espresso Roast",
price: "$3.50",
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg?_wi=2",
imageAlt: "Espresso cup",
},
{
id: "p2",
name: "Latte Supreme",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-collage-with-plant_23-2151876150.jpg?_wi=2",
imageAlt: "Latte art",
},
{
id: "p3",
name: "Cappuccino",
price: "$4.75",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-milk_23-2148337185.jpg?_wi=2",
imageAlt: "Cappuccino",
},
{
id: "p4",
name: "Dark Chocolate Tart",
price: "$5.00",
imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-custard-tart-with-raspberry-top_74190-6069.jpg?_wi=2",
imageAlt: "Chocolate tart",
},
{
id: "p5",
name: "Almond Croissant",
price: "$3.75",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissant-with-coffee_23-2148337181.jpg?_wi=2",
imageAlt: "Almond croissant",
},
{
id: "p6",
name: "Blueberry Muffin",
price: "$3.25",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-delicious-blueberry-muffins_114579-49441.jpg",
imageAlt: "Blueberry muffin",
},
{ id: "p1", name: "Espresso Roast", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg", imageAlt: "Espresso cup" },
{ id: "p2", name: "Latte Supreme", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-collage-with-plant_23-2151876150.jpg", imageAlt: "Latte art" },
{ id: "p3", name: "Cappuccino", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-milk_23-2148337185.jpg", imageAlt: "Cappuccino" },
{ id: "p4", name: "Dark Chocolate Tart", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-custard-tart-with-raspberry-top_74190-6069.jpg", imageAlt: "Chocolate tart" },
{ id: "p5", name: "Almond Croissant", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissant-with-coffee_23-2148337181.jpg", imageAlt: "Almond croissant" },
{ id: "p6", name: "Blueberry Muffin", price: "$3.25", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-delicious-blueberry-muffins_114579-49441.jpg", imageAlt: "Blueberry muffin" },
]}
title="Our Signature Menu"
description="Handcrafted coffee blends, signature drinks, and fresh daily pastries."
@@ -115,20 +65,8 @@ export default function LandingPage() {
title="Quality Stats"
description="See the precision in our menu items."
metrics={[
{
id: "1",
value: "20",
title: "Drink Types",
description: "Crafted daily",
icon: Coffee,
},
{
id: "2",
value: "10",
title: "Pastry Types",
description: "Freshly baked",
icon: Cookie,
},
{ id: "1", value: "20", title: "Drink Types", description: "Crafted daily", icon: Coffee },
{ id: "2", value: "10", title: "Pastry Types", description: "Freshly baked", icon: Cookie },
]}
/>
</div>
@@ -136,53 +74,9 @@ export default function LandingPage() {
<div id="footer-main" data-section="footer-main">
<FooterSimple
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "Menu",
href: "/menu",
},
{
label: "Order",
href: "/order",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Order", href: "/order" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Java Cafe Inc."
bottomRightText="Crafted with love"

View File

@@ -25,28 +25,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Order",
id: "/order",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Order", id: "/order" },
{ name: "Contact", id: "/contact" },
]}
brandName="Java Cafe"
button={{ text: "Order Now", href: "/order" }}
/>
</div>
@@ -59,24 +45,8 @@ export default function LandingPage() {
title="Pick Your Order"
description="Grab your favorites to go."
products={[
{
id: "1",
brand: "Java",
name: "Cold Brew",
price: "$4.00",
rating: 5,
reviewCount: "100",
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg?_wi=3",
},
{
id: "2",
brand: "Java",
name: "Flat White",
price: "$4.25",
rating: 4,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-collage-with-plant_23-2151876150.jpg?_wi=3",
},
{ id: "1", brand: "Java", name: "Cold Brew", price: "$4.00", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg" },
{ id: "2", brand: "Java", name: "Flat White", price: "$4.25", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/coffee-collage-with-plant_23-2151876150.jpg" },
]}
/>
</div>
@@ -84,9 +54,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Need help with your order? Contact our support line directly."
/>
</div>
@@ -94,53 +62,9 @@ export default function LandingPage() {
<div id="footer-main" data-section="footer-main">
<FooterSimple
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "Menu",
href: "/menu",
},
{
label: "Order",
href: "/order",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Order", href: "/order" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Java Cafe Inc."
bottomRightText="Crafted with love"

View File

@@ -29,47 +29,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "About",
id: "/about",
},
{
name: "Order",
id: "/order",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Order", id: "/order" },
{ name: "Contact", id: "/contact" },
]}
brandName="Java Cafe"
button={{ text: "Order Now", href: "/order" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
logoText="Java Cafe"
description="Experience the richest artisan coffee in the heart of town. Freshly roasted beans, cozy vibes, and delicious treats await you."
buttons={[
{
text: "Order Now",
href: "/order",
},
{
text: "View Menu",
href: "/menu",
},
{ text: "Order Now", href: "/order" },
{ text: "View Menu", href: "/menu" },
]}
imageSrc="http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg"
imageAlt="Cozy coffee cafe setting"
@@ -85,60 +63,16 @@ export default function LandingPage() {
title="Coffee Lovers Say"
description="Hear from our community of coffee enthusiasts."
kpiItems={[
{
value: "4.9/5",
label: "Avg Rating",
},
{
value: "5k+",
label: "Reviews",
},
{
value: "100%",
label: "Satisfaction",
},
{ value: "4.9/5", label: "Avg Rating" },
{ value: "5k+", label: "Reviews" },
{ value: "100%", label: "Satisfaction" },
]}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Regular",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg?_wi=1",
},
{
id: "t2",
name: "Mark L.",
role: "Student",
company: "University",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coffee-collage-with-plant_23-2151876150.jpg?_wi=1",
},
{
id: "t3",
name: "Elena R.",
role: "Designer",
company: "Studio",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-milk_23-2148337185.jpg?_wi=1",
},
{
id: "t4",
name: "David T.",
role: "Writer",
company: "Freelance",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-custard-tart-with-raspberry-top_74190-6069.jpg?_wi=1",
},
{
id: "t5",
name: "Anna P.",
role: "Chef",
company: "Kitchen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissant-with-coffee_23-2148337181.jpg?_wi=1",
},
{ id: "t1", name: "Sarah J.", role: "Regular", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg" },
{ id: "t2", name: "Mark L.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-collage-with-plant_23-2151876150.jpg" },
{ id: "t3", name: "Elena R.", role: "Designer", company: "Studio", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-milk_23-2148337185.jpg" },
{ id: "t4", name: "David T.", role: "Writer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-custard-tart-with-raspberry-top_74190-6069.jpg" },
{ id: "t5", name: "Anna P.", role: "Chef", company: "Kitchen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissant-with-coffee_23-2148337181.jpg" },
]}
/>
</div>
@@ -151,31 +85,11 @@ export default function LandingPage() {
description="Answers to your burning coffee questions."
faqsAnimation="slide-up"
faqs={[
{
id: "f1",
title: "What kind of beans do you use?",
content: "We use ethically sourced, shade-grown Arabica beans.",
},
{
id: "f2",
title: "Do you offer oat milk?",
content: "Yes, we offer oat, almond, and soy milk alternatives.",
},
{
id: "f3",
title: "Can I work here?",
content: "Our cafe is designed for productivity; we offer free Wi-Fi.",
},
{
id: "f4",
title: "Do you sell beans?",
content: "We sell our signature roasted blends by the bag.",
},
{
id: "f5",
title: "Are you open on Sundays?",
content: "We are open daily, including Sundays from 8am to 8pm.",
},
{ id: "f1", title: "What kind of beans do you use?", content: "We use ethically sourced, shade-grown Arabica beans." },
{ id: "f2", title: "Do you offer oat milk?", content: "Yes, we offer oat, almond, and soy milk alternatives." },
{ id: "f3", title: "Can I work here?", content: "Our cafe is designed for productivity; we offer free Wi-Fi." },
{ id: "f4", title: "Do you sell beans?", content: "We sell our signature roasted blends by the bag." },
{ id: "f5", title: "Are you open on Sundays?", content: "We are open daily, including Sundays from 8am to 8pm." },
]}
/>
</div>
@@ -189,27 +103,9 @@ export default function LandingPage() {
title="Cafe Impact"
description="Our numbers tell the story of your daily cup."
metrics={[
{
id: "m1",
value: "3,000",
title: "Cups Poured",
description: "Every single month.",
icon: Coffee,
},
{
id: "m2",
value: "12",
title: "Local Farmers",
description: "Partnerships we cherish.",
icon: Users,
},
{
id: "m3",
value: "8",
title: "Cafe Locations",
description: "Expanding our warmth.",
icon: MapPin,
},
{ id: "m1", value: "3,000", title: "Cups Poured", description: "Every single month.", icon: Coffee },
{ id: "m2", value: "12", title: "Local Farmers", description: "Partnerships we cherish.", icon: Users },
{ id: "m3", value: "8", title: "Cafe Locations", description: "Expanding our warmth.", icon: MapPin },
]}
/>
</div>
@@ -221,65 +117,16 @@ export default function LandingPage() {
title="Trusted By The Community"
description="We proudly serve coffee to professionals and dreamers all over town."
names={[
"Local Business Alliance",
"Downtown Arts Council",
"University Coffee Club",
"Neighborhood Watch",
"Bookstore & Co",
]}
"Local Business Alliance", "Downtown Arts Council", "University Coffee Club", "Neighborhood Watch", "Bookstore & Co"]}
/>
</div>
<div id="footer-main" data-section="footer-main">
<FooterSimple
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "/",
},
{
label: "Menu",
href: "/menu",
},
{
label: "Order",
href: "/order",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Order", href: "/order" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Java Cafe Inc."
bottomRightText="Crafted with love"