160 lines
6.7 KiB
TypeScript
160 lines
6.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
brandName="In-N-Out Burger"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Quality You Can Taste"
|
|
description="Experience fresh-to-order, high-quality burgers and shakes, crafted daily for your enjoyment."
|
|
tag="In-N-Out Burger"
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-8vmwaqdr.jpg?_wi=1", imageAlt: "Fresh Burgers" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-rgqsrzij.jpg?_wi=1", imageAlt: "Quality Ingredients" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={4.7}
|
|
ratingText="34,139+ reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Freshness in Every Bite"
|
|
description="Known for our open-view kitchens, we prepare everything fresh to order. No freezers, no microwaves, just quality you can taste."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-rgqsrzij.jpg?_wi=2"
|
|
imageAlt="Open Kitchen Preparation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", brand: "In-N-Out", name: "Double-Double", price: "Signature", rating: 5, reviewCount: "10k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-8vmwaqdr.jpg?_wi=2" },
|
|
{ id: "p2", brand: "In-N-Out", name: "Animal Style Fries", price: "Specialty", rating: 5, reviewCount: "8k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-rgqsrzij.jpg?_wi=3" },
|
|
]}
|
|
title="Our Fan Favorites"
|
|
description="Explore our delicious signature burgers, loaded fries, and refreshing beverages."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", label: "Service", title: "Dine-In & Drive-thru", items: ["Available on-site", "Convenient drive-thru"] },
|
|
]}
|
|
title="Services & Amenities"
|
|
description="We ensure a great experience for families, individuals, and groups."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "4.7 ⭐", title: "Customer Rating", items: ["Based on 34k+ reviews"] },
|
|
]}
|
|
title="Why We're Loved"
|
|
description="High ratings and commitment to quality keep our guests coming back."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sarah J.", role: "Foodie", testimonial: "The best burger I have ever had! Animal style fries are a must.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-8vmwaqdr.jpg?_wi=3" },
|
|
]}
|
|
title="What Our Fans Say"
|
|
description="Join thousands of satisfied guests who enjoy our quality burgers daily."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={true}
|
|
faqs={[{ id: "q1", title: "Do you offer delivery?", content: "No, we do not offer delivery at this time." }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961027645-rgqsrzij.jpg?_wi=4"
|
|
title="Frequently Asked"
|
|
description="Have questions? We have the answers."
|
|
faqsAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Us Today"
|
|
description="We are open until 1:00 AM! Visit us at: 1350 E Katella Ave, Orange, CA 92867"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DICjRjMMZ7awFR4ASXS63DSQfT/uploaded-1777961137258-9facjg2c.jpg"
|
|
mediaPosition="right"
|
|
buttonText="Find Location"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="In-N-Out Burger"
|
|
copyrightText="© 2025 In-N-Out Burger | All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |