194 lines
15 KiB
TypeScript
194 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="The Mangos Plano"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardCarousel
|
|
title="Experience Culinary Excellence"
|
|
description="At The Mangos Plano, we craft unforgettable dining experiences with exquisite flavors and impeccable service in a luxurious setting."
|
|
background={{"variant":"radial-gradient"}}
|
|
tag="Gourmet Dining"
|
|
tagAnimation="opacity"
|
|
buttons={[
|
|
{ text: "View Our Menu", href: "#menu" },
|
|
{ text: "Make a Reservation", href: "#contact" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728012.jpg", imageAlt: "Luxurious restaurant interior" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-cocktail-with-fused-sugar-bronze-glass-bar-table_627829-6439.jpg", imageAlt: "Modern restaurant bar lounge" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-steak-with-ketchup-fresh-onion-white-plate_140725-12897.jpg", imageAlt: "Chef plating gourmet dish" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/image-pleasant-looking-joyful-multiethnic-women-watch-comedy-cell-phone_273609-28695.jpg", imageAlt: "Romantic couple dining" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/window-with-flowerpots_1112-238.jpg", imageAlt: "Outdoor patio dining" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-bouquet-ranunculus-flowers-blurred-background_169016-51956.jpg", imageAlt: "Dessert chef preparing sweets" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Our Passion for Fine Cuisine" }
|
|
]}
|
|
mediaAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Signature Dining Experiences"
|
|
description="Indulge in the unique offerings that set The Mangos Plano apart. Each experience is crafted to delight your senses and create lasting memories."
|
|
features={[
|
|
{ id: "f1", title: "Gourmet Seasonal Menu", tags: ["Fresh", "Seasonal"], imageSrc: "http://img.b2bpic.net/free-photo/salad-with-cucumber-couscous-feta_661915-203.jpg", imageAlt: "Gourmet seasonal pasta dish" },
|
|
{ id: "f2", title: "Exquisite Wine Pairings", tags: ["Sommelier", "Curated"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-beer-factory_23-2150573968.jpg", imageAlt: "Exotic cocktail drink" },
|
|
{ id: "f3", title: "Artisan Desserts", tags: ["Handcrafted", "Sweet"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-dessert-with-fresh-strawberries-light-white-desk-dessert-ice-cream-sweet-fruit-taste_140725-56040.jpg", imageAlt: "Lavish dessert platter" }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
title="Our Culinary Creations"
|
|
description="Explore our diverse menu, featuring a selection of appetizers, entrees, and desserts, each prepared with the finest ingredients and culinary artistry. Prices are subject to change."
|
|
products={[
|
|
{ id: "m1", brand: "Seafood", name: "Pan-Seared Scallops", price: "$32.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-squid-with-salted-eggs_1339-7061.jpg", imageAlt: "Pan-seared scallops with lemon butter" },
|
|
{ id: "m2", brand: "Meat", name: "Filet Mignon (8oz)", price: "$48.00", rating: 5, reviewCount: "350", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-dinner-with-mashed-potatoes-vegetables_84443-82580.jpg", imageAlt: "Filet Mignon steak with seasonal vegetables" },
|
|
{ id: "m3", brand: "Vegetarian", name: "Wild Mushroom Risotto", price: "$26.00", rating: 4, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/edible-mushroom-risotto-with-parsley-parmesan-cheese-generated-by-ai_188544-38463.jpg", imageAlt: "Creamy wild mushroom risotto" },
|
|
{ id: "m4", brand: "Drinks", name: "Signature Old Fashioned", price: "$16.00", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/lemonade-glass-with-lemons-side-view-white-plaster_176474-7397.jpg", imageAlt: "Signature Old Fashioned cocktail" },
|
|
{ id: "m5", brand: "Dessert", name: "Grand Marnier Soufflé", price: "$14.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/baked-peaches-with-ice-cream_661915-495.jpg", imageAlt: "Grand Marnier Soufflé with raspberry coulis" },
|
|
{ id: "m6", brand: "Kids", name: "Mini Margherita Pizza", price: "$12.00", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/small-homemade-pizzas-fresh-with-basil_114579-20492.jpg", imageAlt: "Mini Margherita pizza for kids" }
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
title="Meet Our Culinary Maestros"
|
|
description="Our dedicated team of chefs and hospitality professionals are the heart of The Mangos Plano, committed to providing you with an unforgettable dining experience."
|
|
team={[
|
|
{ id: "t1", name: "Chef Adrian", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-cook-chef-uniform-with-open-arms-isolated-orange-wall_141793-101710.jpg", imageAlt: "Head Chef Adrian" },
|
|
{ id: "t2", name: "Isabella Rossi", role: "Restaurant Manager", imageSrc: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-ceremony_23-2150167224.jpg", imageAlt: "Isabella Rossi, Restaurant Manager" },
|
|
{ id: "t3", name: "Chef Leo", role: "Pastry Chef", imageSrc: "http://img.b2bpic.net/free-photo/confectioner-uniform-decorates-cake_1157-33239.jpg", imageAlt: "Pastry Chef Leo" },
|
|
{ id: "t4", name: "Mia Chen", role: "Head Sommelier", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-park_1157-16545.jpg", imageAlt: "Mia Chen, Head Sommelier" }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Guests Say"
|
|
description="Hear from our cherished patrons about their unforgettable experiences at The Mangos Plano."
|
|
testimonials={[
|
|
{ id: "rev1", name: "Sarah J.", date: "August 15, 2023", title: "An Exquisite Evening", quote: "The Mangos Plano delivered an absolutely perfect dining experience. The Filet Mignon was cooked to perfection, and the service was impeccable. A true culinary gem in Plano!", tag: "Fine Dining", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-smiling-with-eyes-closed-posing-dark_197531-7623.jpg", avatarAlt: "Sarah J. avatar", imageSrc: "http://img.b2bpic.net/free-photo/meat-carpaccio-with-white-cheese_140725-1393.jpg", imageAlt: "Filet Mignon dinner" },
|
|
{ id: "rev2", name: "Michael D.", date: "July 28, 2023", title: "Best Dessert in Town!", quote: "Their Grand Marnier Soufflé is to die for! Every visit to The Mangos Plano leaves me craving more. The ambiance is elegant, and the staff are incredibly attentive.", tag: "Dessert Lover", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-man-suit-tie_171337-9314.jpg", avatarAlt: "Michael D. avatar", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-chocolate-cake-with-strawberries-top_181624-32525.jpg", imageAlt: "Grand Marnier Soufflé" },
|
|
{ id: "rev3", name: "Emily R.", date: "June 10, 2023", title: "Perfect for Special Occasions", quote: "We celebrated our anniversary here, and it was magical. The wine pairing recommendations were spot on, and the atmosphere made our evening truly special.", tag: "Anniversary Dinner", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg", avatarAlt: "Emily R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/colorful-lemon-mocktail_1203-8886.jpg", imageAlt: "Signature cocktail" },
|
|
{ id: "rev4", name: "David L.", date: "May 22, 2023", title: "Unforgettable Ambiance", quote: "The interior design and lighting create such a luxurious and inviting atmosphere. It's the perfect spot for a relaxed yet upscale dining experience.", tag: "Atmosphere", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-friends-making-grimaces-together_23-2150172166.jpg", avatarAlt: "David L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg", imageAlt: "Restaurant interior ambiance" },
|
|
{ id: "rev5", name: "Jessica T.", date: "April 05, 2023", title: "Culinary Artistry", quote: "Every dish is a work of art, both visually and in taste. The seasonal menu keeps things exciting, and I'm always impressed by the creativity of Chef Adrian and his team.", tag: "Creative Cuisine", avatarSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-cook-chef-uniform-raising-hands-isolated-white-wall_141793-101486.jpg", avatarAlt: "Jessica T. avatar", imageSrc: "http://img.b2bpic.net/free-photo/truffle-pasta-dish-with-fresh-rosemary-garlic-dark-plate_84443-94474.jpg", imageAlt: "Gourmet pasta dish" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about reservations, dining, and our services."
|
|
faqs={[
|
|
{ id: "q1", title: "Do I need a reservation?", content: "Reservations are highly recommended, especially for weekend evenings and holidays, to ensure you have the best dining experience. You can make a reservation through our website or by calling us directly." },
|
|
{ id: "q2", title: "Do you accommodate dietary restrictions?", content: "Yes, our culinary team is happy to accommodate most dietary restrictions and allergies. Please inform your server when placing your order, or mention it when making a reservation." },
|
|
{ id: "q3", title: "What are your operating hours?", content: "We are open Monday to Thursday from 11:00 AM - 2:30 PM for lunch and 5:00 PM - 10:00 PM for dinner. Friday and Saturday, we serve lunch from 11:00 AM - 2:30 PM and dinner from 5:00 PM - 11:00 PM. On Sundays, we offer brunch from 11:00 AM - 2:30 PM and dinner from 5:00 PM - 9:00 PM." },
|
|
{ id: "q4", title: "Do you offer private dining options?", content: "Yes, we have several private dining spaces perfect for intimate gatherings, corporate events, and celebrations. Please contact our events coordinator for more information and to discuss your specific needs." },
|
|
{ id: "q5", title: "Is there a dress code?", content: "While we don't enforce a strict dress code, we encourage smart casual to semi-formal attire to match our elegant dining atmosphere. Many guests enjoy dressing up for their experience with us." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-provance-living-room-with-brown-sofa-near-fireplace-with-flowers-candles_8353-8450.jpg"
|
|
imageAlt="Elegant restaurant entrance"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
faqsAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Visit Us or Make a Reservation"
|
|
description="We look forward to welcoming you to The Mangos Plano. For reservations, inquiries, or private events, please reach out to us."
|
|
background={{"variant":"radial-gradient"}}
|
|
inputPlaceholder="Your Name & Email"
|
|
buttonText="Send Message"
|
|
termsText="The Mangos Plano\n1100 W Parker Rd Suite 100, Plano, TX 75075\nPhone: (972) 424-9444"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
videoSrc=""
|
|
videoAriaLabel="Footer video"
|
|
logoText="The Mangos Plano"
|
|
columns={[
|
|
{ title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Our Team", href: "#team" }, { label: "Testimonials", href: "#testimonials" }] },
|
|
{ title: "Dining", items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }, { label: "Private Events", href: "#contact" }] },
|
|
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }, { label: "Accessibility", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2024 The Mangos Plano. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|