Merge version_1 into main #2

Open
bender wants to merge 2 commits from version_1 into main

View File

@@ -27,375 +27,157 @@ 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: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="WOOT"
button={{ text: "Visit Now" }}
/>
</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
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" },
]}
/>
</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 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="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: "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="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
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" },
]}
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="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
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="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."
/>
</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="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?_wi=2"
/>
</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: "Pages", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
{ title: "Services", items: [{ label: "Features", href: "#features" }, { label: "Contact", href: "#contact" }] },
]}
logoText="WOOT"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}