Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4c86feaf28 | |||
| 0d84d33826 |
504
src/app/page.tsx
504
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user