Merge version_1 into main #2
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
211
src/app/page.tsx
211
src/app/page.tsx
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user