Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9bc88b9b47 | |||
| 0cfab23381 | |||
| ab3246cc2d |
451
src/app/page.tsx
451
src/app/page.tsx
@@ -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 (
|
||||
@@ -27,375 +25,98 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="WOOT"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="WOOT"
|
||||
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"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
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>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<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."
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-hipster-using-laptop-cafe_171337-18088.jpg"
|
||||
imageAlt="cafe staff serving customers"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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: "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." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Treats"
|
||||
description="Discover our variety of fresh snacks and drinks prepared daily."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ 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 Daily Treats"
|
||||
description="Freshly prepared throughout the day and night."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Why Choose WOOT?"
|
||||
description="Everything you need to stay productive and relaxed."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ 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 We Are Your Best Choice"
|
||||
description="Convenience and comfort tailored for your lifestyle."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</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="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
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 }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
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."
|
||||
faqsAnimation="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."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
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"
|
||||
/>
|
||||
</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",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="WOOT"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "Minamihorie, Osaka", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Features", href: "#features" }, { label: "Menu", href: "#menu" }] }
|
||||
]}
|
||||
logoText="WOOT"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user