Merge version_2 into main #3
170
src/app/page.tsx
170
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,96 +25,96 @@ 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: "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="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."
|
||||
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="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."
|
||||
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 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="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: "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="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: "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="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="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="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="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>
|
||||
<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