bender/168ccc5c-2197-4601-aa06-d0aea00cb361
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_1 bender:version_2
..
compare: bender:version_2
Branches Tags
bender:main bender:version_1 bender:version_2

3 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
9bc88b9b47 Update src/app/page.tsx 2026-05-13 14:05:27 +00:00
bender
0cfab23381 Update src/app/page.tsx 2026-05-13 14:04:52 +00:00
bender
ab3246cc2d Update src/app/page.tsx 2026-05-13 14:04:15 +00:00
1 changed files with 29 additions and 90 deletions
Expand all files Collapse all files

119
src/app/page.tsx
View File

@@ -3,14 +3,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
export default function LandingPage() {
return (
@@ -33,42 +31,21 @@ export default function LandingPage() {
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="WOOT"
button={{ text: "Visit Now" }}
button={{ text: "Visit Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "gradient-bars" }}
title="Always Open, Always Fresh."
description="Welcome to WOOT. Your 24/7 destination for hand-fried malasadas, artisan cookies, and the perfect cup of coffee. Experience comfort and convenience anytime."
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The malasadas are always warm and perfectly fried!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg" },
{ name: "Mark D.", handle: "@markd", testimonial: "My favorite 24/7 spot for getting work done with fast Wi-Fi.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg" },
{ name: "Emily R.", handle: "@emilyr", testimonial: "Friendly staff and delicious cookies every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg" },
{ name: "James L.", handle: "@jamesl", testimonial: "The perfect place to grab a coffee late at night.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg" },
{ name: "Chloe P.", handle: "@chloep", testimonial: "Incredible atmosphere and consistently amazing service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea_23-2148693090.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-restaurant-talking-mobile-phone_23-2147936262.jpg?_wi=1"
imageAlt="cozy cafe interior warm lighting"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-restaurant-talking-mobile-phone_23-2147936262.jpg", alt: "Customer profile 1" },
{ src: "http://img.b2bpic.net/free-photo/bearded-hipster-using-laptop-cafe_171337-18088.jpg", alt: "Customer profile 2" },
{ src: "http://img.b2bpic.net/free-photo/donut_1339-4550.jpg", alt: "Customer profile 3" },
{ src: "http://img.b2bpic.net/free-photo/hot-cappuccino-coffee-coffee-shop-wooden-table_1153-4146.jpg", alt: "Customer profile 4" },
{ src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", alt: "Customer profile 5" },
]}
marqueeItems={[
{ type: "text", text: "24/7 Open" },
{ type: "text", text: "Artisan Treats" },
{ type: "text", text: "Free Wi-Fi" },
{ type: "text", text: "Cozy Seating" },
{ type: "text", text: "Fresh Coffee" },
]}
title="Open 24/7 in Osaka's Heart"
description="Visit us at ONE MINAMIHORIE. Enjoy fresh malasadas, artisan cookies, premium coffee, high-speed Wi-Fi, and convenient power outlets in our cozy space."
background={{ variant: "plain" }}
testimonials={[]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-restaurant-talking-mobile-phone_23-2147936262.jpg"
imageAlt="Cozy atmosphere at our Minamihorie location"
/>
</div>
@@ -76,16 +53,13 @@ export default function LandingPage() {
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Welcoming Sanctuary"
description="At WOOT, we pride ourselves on being more than just a cafe. We are a community hub where comfort meets convenience. Whether you're working late or grabbing a quick morning coffee, our doors are always open."
title="A Cozy Spot in Minamihorie"
description="Located in the vibrant Minamihorie district of Osaka, WOOT is your 24/7 destination. Whether you're working late, meeting friends, or just grabbing a treat, we provide a warm, reliable sanctuary."
bulletPoints={[
{ title: "24/7 Availability", description: "We are here for you whenever you need us, day or night." },
{ title: "Expert Staff", description: "Our team is known for being friendly and attentive." },
{ title: "Cozy Atmosphere", description: "Designed for relaxation, study, or social gatherings." },
{ title: "Open 24 Hours", description: "Always here for you, day or night." },
{ title: "Cozy Environment", description: "The perfect atmosphere for working or relaxing." },
{ title: "Central Location", description: "Found at ONE MINAMIHORIE, 1F, 3-6-4 Minamihorie." }
]}
imageSrc="http://img.b2bpic.net/free-photo/bearded-hipster-using-laptop-cafe_171337-18088.jpg"
imageAlt="cafe staff serving customers"
mediaAnimation="slide-up"
/>
</div>
@@ -96,83 +70,48 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "1", name: "Freshly Fried Malasada", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/donut_1339-4550.jpg" },
{ id: "2", name: "Artisan Butter Cookie", price: "$2.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup_23-2148759289.jpg" },
{ id: "3", name: "Pour-over Coffee", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/view-baked-cookies-done-by-vegan-bakery_23-2150195110.jpg" },
{ id: "4", name: "Matcha Latte", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-coffee-seeds-inside-plastic-cup-brown-table_140725-26682.jpg" },
{ id: "5", name: "Choco Chunk Cookie", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/crispy-butter-cookies-with-sugar-powder-wooden-platter_114579-61793.jpg" },
{ id: "6", name: "Iced Americano", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/cake-with-walnuts-prunes-dried-apricots-dark-wood-background_505751-5234.jpg" },
{ id: "1", name: "Hand-Fried Malasadas", price: "Varied", imageSrc: "http://img.b2bpic.net/free-photo/donut_1339-4550.jpg" },
{ id: "2", name: "Fresh Artisan Cookies", price: "Varied", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup_23-2148759289.jpg" },
{ id: "3", name: "Signature Coffee", price: "Varied", imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-coffee-seeds-inside-plastic-cup-brown-table_140725-26682.jpg" }
]}
title="Our Signature Treats"
description="Discover our variety of fresh snacks and drinks prepared daily."
title="Our Daily Treats"
description="Freshly prepared throughout the day and night."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Free High-Speed Wi-Fi", description: "Seamless connectivity for all your browsing and work needs.", tag: "Essentials", imageSrc: "http://img.b2bpic.net/free-photo/hot-cappuccino-coffee-coffee-shop-wooden-table_1153-4146.jpg" },
{ id: "f2", title: "Power Outlets at Tables", description: "Keep your devices charged while you enjoy your coffee.", tag: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/couple-hugging-sitting-cafe_171337-16595.jpg" },
{ id: "f3", title: "24/7 Access", description: "Open whenever inspiration strikes or you need a quiet corner.", tag: "Always On", imageSrc: "http://img.b2bpic.net/free-photo/man-using-laptop-with-glass-beer-table_107420-65900.jpg" },
{ id: "f1", title: "Free High-Speed Wi-Fi", description: "Stay connected for work or leisure.", tag: "Connect" },
{ id: "f2", title: "Power Outlets", description: "Plenty of spots to charge your devices.", tag: "Power" },
{ id: "f3", title: "Always Open", description: "24/7 access at your convenience.", tag: "24/7" }
]}
title="Why Choose WOOT?"
description="Everything you need to stay productive and relaxed."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", title: "Great Vibe!", quote: "I love coming here late at night.", name: "John Doe", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg" },
{ id: "2", title: "Excellent!", quote: "The best cookies in the city.", name: "Jane Smith", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064693.jpg" },
{ id: "3", title: "My Second Home", quote: "The staff are so friendly and helpful.", name: "Alice Wong", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-669.jpg" },
{ id: "4", title: "Perfect Work Spot", quote: "Reliable Wi-Fi and quiet atmosphere.", name: "Bob Lee", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-with-laptop-agenda_23-2148446255.jpg" },
{ id: "5", title: "Delicious!", quote: "Fresh malasadas are the highlight.", name: "Chris P.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg" },
]}
title="Loved by the Neighborhood"
description="See what our regulars have to say about their experience at WOOT."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Is the cafe really open 24 hours?", content: "Yes, we are open 24/7 every single day." },
{ id: "q2", title: "Do you offer free Wi-Fi?", content: "Absolutely, we provide complimentary high-speed Wi-Fi for all customers." },
{ id: "q3", title: "Can I use power outlets?", content: "Yes, we have power outlets available at our tables." },
]}
title="Common Questions"
description="Everything you need to know about visiting WOOT."
title="Why We Are Your Best Choice"
description="Convenience and comfort tailored for your lifestyle."
animationType="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Visit Us Anytime"
description="Have questions or want to reach out? Drop us a message."
title="Visit Us at Minamihorie"
description="ONE MINAMIHORIE 1F, 3-6-4 Minamihorie, Nishi-ku, Osaka, 550-0015. We'd love to see you!"
inputs={[
{ name: "name", type: "text", placeholder: "Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true }
]}
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-restaurant-talking-mobile-phone_23-2147936262.jpg?_wi=2"
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Pages", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
{ title: "Services", items: [{ label: "Features", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ title: "Location", items: [{ label: "Minamihorie, Osaka", href: "#contact" }] },
{ title: "Services", items: [{ label: "Features", href: "#features" }, { label: "Menu", href: "#menu" }] }
]}
logoText="WOOT"
/>