Update src/app/page.tsx
This commit is contained in:
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