Merge version_1 into main #2
389
src/app/page.tsx
389
src/app/page.tsx
@@ -27,291 +27,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bok's Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bok's Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Welcome to Bok's Cafe"
|
||||
description="Great Food, Open Late. Serving Tacoma, WA with love until 2 AM every single day."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best late-night food in Tacoma! Always fresh and friendly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-with-elegant-wooden-dining-table-chairs_116348-100.jpg?_wi=1",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
{
|
||||
name: "Mike T.",
|
||||
handle: "@miket",
|
||||
testimonial: "I love the burgers here, super tasty and reliable service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg?_wi=1",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Open until 2 AM? Absolute lifesaver for my night shifts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5061.jpg?_wi=1",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Fantastic local spot. Highly recommended for everyone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg?_wi=1",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
{
|
||||
name: "Kim L.",
|
||||
handle: "@kiml",
|
||||
testimonial: "Consistently great food and very welcoming atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg?_wi=1",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoor-with-elegant-wooden-dining-table-chairs_116348-100.jpg?_wi=2"
|
||||
imageAlt="cozy cafe interior warm lighting"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
|
||||
alt: "life style",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg",
|
||||
alt: "Restaurant table in the private room with fireplace, wooden ceilings and brick walls",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg",
|
||||
alt: "Decorated wedding reception venue with view at the sea through the windows",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg",
|
||||
alt: "table set on dinning table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-using-smartphone-cafe_613910-11650.jpg",
|
||||
alt: "Smiling brunette woman using a smartphone in a cafe.",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our growing community of late-night foodies"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Welcome to Bok's Cafe"
|
||||
description="Great Food, Open Late. Serving Tacoma, WA with love until 2 AM every single day."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The best late-night food in Tacoma! Always fresh and friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-with-elegant-wooden-dining-table-chairs_116348-100.jpg", imageAlt: "cozy cafe interior warm lighting" },
|
||||
{ name: "Mike T.", handle: "@miket", testimonial: "I love the burgers here, super tasty and reliable service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", imageAlt: "cozy cafe interior warm lighting" },
|
||||
{ name: "Elena R.", handle: "@elenar", testimonial: "Open until 2 AM? Absolute lifesaver for my night shifts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5061.jpg", imageAlt: "cozy cafe interior warm lighting" },
|
||||
{ name: "David W.", handle: "@davidw", testimonial: "Fantastic local spot. Highly recommended for everyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg", imageAlt: "cozy cafe interior warm lighting" },
|
||||
{ name: "Kim L.", handle: "@kiml", testimonial: "Consistently great food and very welcoming atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg", imageAlt: "cozy cafe interior warm lighting" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoor-with-elegant-wooden-dining-table-chairs_116348-100.jpg"
|
||||
imageAlt="cozy cafe interior warm lighting"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg", alt: "life style" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg", alt: "Restaurant table in the private room with fireplace, wooden ceilings and brick walls" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg", alt: "Decorated wedding reception venue with view at the sea through the windows" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg", alt: "table set on dinning table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-using-smartphone-cafe_613910-11650.jpg", alt: "Smiling brunette woman using a smartphone in a cafe." },
|
||||
]}
|
||||
avatarText="Join our growing community of late-night foodies"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Local Favorite"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Open Daily",
|
||||
value: "2 AM",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Tacoma Location",
|
||||
value: "Pacific Hwy",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Guests",
|
||||
value: "10k+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Local Favorite"
|
||||
metrics={[
|
||||
{ icon: Clock, label: "Open Daily", value: "2 AM" },
|
||||
{ icon: MapPin, label: "Tacoma Location", value: "Pacific Hwy" },
|
||||
{ icon: Smile, label: "Happy Guests", value: "10k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "dine-in",
|
||||
title: "Dine-In",
|
||||
description: "Relax in our comfortable dining room and enjoy fresh, hot food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
},
|
||||
{
|
||||
id: "takeout",
|
||||
title: "Takeout",
|
||||
description: "Order on the go and enjoy our food wherever you are.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg",
|
||||
},
|
||||
{
|
||||
id: "delivery",
|
||||
title: "Delivery",
|
||||
description: "We bring our kitchen to your doorstep for maximum convenience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We cater to your needs with multiple convenient dining options."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "dine-in", title: "Dine-In", description: "Relax in our comfortable dining room and enjoy fresh, hot food.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
|
||||
{ id: "takeout", title: "Takeout", description: "Order on the go and enjoy our food wherever you are.", tag: "Fast", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg" },
|
||||
{ id: "delivery", title: "Delivery", description: "We bring our kitchen to your doorstep for maximum convenience.", tag: "Convenient", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We cater to your needs with multiple convenient dining options."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Regular",
|
||||
company: "Tacoma Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike T.",
|
||||
role: "Night Owl",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5061.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Teacher",
|
||||
company: "Tacoma School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kim L.",
|
||||
role: "Designer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fresh Ingredients",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Read authentic feedback from our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Regular", company: "Tacoma Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg" },
|
||||
{ id: "2", name: "Mike T.", role: "Night Owl", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5061.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Teacher", company: "Tacoma School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
|
||||
{ id: "5", name: "Kim L.", role: "Designer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.0", label: "Average Rating" },
|
||||
{ value: "20+", label: "Years Served" },
|
||||
{ value: "100%", label: "Fresh Ingredients" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Read authentic feedback from our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "When do you close?",
|
||||
content: "We are open daily until 2 AM.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where are you located?",
|
||||
content: "12801 Pacific Hwy SW, Tacoma, WA 98499.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer convenient delivery services.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "When do you close?", content: "We are open daily until 2 AM." },
|
||||
{ id: "q2", title: "Where are you located?", content: "12801 Pacific Hwy SW, Tacoma, WA 98499." },
|
||||
{ id: "q3", title: "Do you offer delivery?", content: "Yes, we offer convenient delivery services." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
text="Have questions or want to place an order? Reach out to us today at (253) 584-8688 or visit us in Tacoma."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
text="Have questions or want to place an order? Reach out to us today at (253) 584-8688 or visit us in Tacoma."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Bok's Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(253) 584-8688",
|
||||
href: "tel:2535848688",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Bok's Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Bok's Cafe"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Home", href: "#" }, { label: "Menu", href: "#features" }] },
|
||||
{ title: "Contact", items: [{ label: "(253) 584-8688", href: "tel:2535848688" }] },
|
||||
]}
|
||||
copyrightText="© 2026 Bok's Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user