Update src/app/page.tsx
This commit is contained in:
180
src/app/page.tsx
180
src/app/page.tsx
@@ -2,12 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,87 +26,103 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Backend", id: "backend" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dook'oosliid"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Eliza's Restaurant & Bar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Dook'oosliid Business Center"
|
||||
description="Experience premium retail and business services at the heart of Tuba City. Located on Main Street, we are open and ready to serve you starting at 8 AM every Monday."
|
||||
tag="Now Open"
|
||||
buttons={[
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488212.jpg"
|
||||
imageAlt="Dook'oosliid Business Center Main Street"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Welcome to Eliza’s"
|
||||
description="Savor authentic flavors in a premium, welcoming atmosphere."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/premium-photo/luxury-restaurant-interior-with-fine-dining-atmosphere_124507-67252.jpg", imageAlt: "Elegant dining" },
|
||||
{ imageSrc: "https://img.b2bpic.net/premium-photo/gourmet-gourmet-plate-with-fresh-ingredients_55577-1234.jpg", imageAlt: "Gourmet plate" },
|
||||
{ imageSrc: "https://img.b2bpic.net/premium-photo/modern-bar-counter-with-premium-spirits_124507-8890.jpg", imageAlt: "Premium bar" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Your Destination for Shopping & Services on Main Street" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Our Story"
|
||||
description="Eliza’s Restaurant & Bar brings a unique culinary journey to town. From handcrafted cocktails to locally sourced ingredients, every detail is crafted for your delight."
|
||||
imageSrc="https://img.b2bpic.net/premium-photo/chef-preparing-gourmet-meal_22244-9988.jpg"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ id: "s1", title: "Local Shopping", description: "Explore unique retail shops conveniently located in Tuba City.", tag: "Retail" },
|
||||
{ id: "s2", title: "Business Hub", description: "Professional services and offices in a centralized location.", tag: "Business" },
|
||||
{ id: "s3", title: "Monday Mornings", description: "We welcome you to start your week with us starting at 8 AM every Monday.", tag: "Hours" },
|
||||
]}
|
||||
title="Why Choose Dook'oosliid?"
|
||||
description="Centrally located on Main Street with amenities tailored for our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardSix
|
||||
title="Menu Highlights"
|
||||
description="A curated selection of signature dishes and craft beverages."
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "Signature Steaks", description: "Hand-cut, locally sourced beef, seared to perfection.", imageSrc: "https://img.b2bpic.net/premium-photo/steak-dish_55577-5678.jpg" },
|
||||
{ title: "Artisan Cocktails", description: "Expertly mixed drinks using premium spirits and fresh botanicals.", imageSrc: "https://img.b2bpic.net/premium-photo/cocktail-drink_9988-1122.jpg" },
|
||||
{ title: "Fresh Pastries", description: "Daily baked goods made with seasonal ingredients.", imageSrc: "https://img.b2bpic.net/premium-photo/pastry-dish_4433-7766.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="backend" data-section="backend">
|
||||
<FeatureCardMedia
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
title="Backend Infrastructure"
|
||||
description="We are currently scaling our digital operations with robust backend solutions."
|
||||
features={[
|
||||
{ id: "b1", title: "Database Management", description: "Implementing a secure, scalable database to manage tenant and inventory records.", tag: "Database" },
|
||||
{ id: "b2", title: "API Integration", description: "Developing RESTful APIs to streamline communication between storefronts and management tools.", tag: "API" },
|
||||
{ id: "b3", title: "User Authentication", description: "Integrating secure authentication protocols to protect member and administrator access.", tag: "Auth" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
title="Customer Reviews"
|
||||
description="Hear what our guests have to say about their experience at Eliza's."
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah M.", date: "Oct 2024", title: "Exceptional Experience", quote: "The atmosphere is unmatched and the food is consistently delicious. My favorite local spot!", tag: "Dining", avatarSrc: "https://img.b2bpic.net/premium-photo/woman-avatar_4455-8899.jpg" },
|
||||
{ id: "t2", name: "John D.", date: "Nov 2024", title: "Best Cocktails", quote: "Expertly mixed drinks and a friendly staff. A truly premium experience.", tag: "Drinks", avatarSrc: "https://img.b2bpic.net/premium-photo/man-avatar_3344-7766.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
title="Visit Dook'oosliid Today"
|
||||
description="Stop by our Main Street location in Tuba City, AZ. Open from 8 AM on Mondays."
|
||||
tag="Find Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about dining at Eliza's."
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you take reservations?", content: "Yes, we recommend booking in advance, especially for weekends." },
|
||||
{ id: "f2", title: "Do you offer dietary options?", content: "Absolutely, our kitchen is happy to accommodate gluten-free, vegan, and vegetarian preferences." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dook'oosliid Business Center"
|
||||
copyrightText="© 2025 Dook'oosliid Business Center, Tuba City, AZ."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Find Us"
|
||||
description="Join us at our location for an unforgettable evening. Reach out for any inquiries or events."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/premium-photo/restaurant-exterior-at-night_124507-5566.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Eliza’s Restaurant & Bar"
|
||||
imageSrc="https://img.b2bpic.net/premium-photo/restaurant-ambiance-logo_1234-9900.jpg"
|
||||
columns={[
|
||||
{ title: "Visit Us", items: [{ label: "123 Main St, Tuba City, AZ", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user