Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 14342b4abb | |||
| 4bed05d2b2 | |||
| c5174ad94b | |||
| 6bca006245 |
281
src/app/page.tsx
281
src/app/page.tsx
@@ -2,14 +2,13 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
import { Sparkles, Star, Utensils, ArrowRight } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -23,103 +22,261 @@ export default function LandingPage() {
|
|||||||
cardStyle="glass-depth"
|
cardStyle="glass-depth"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="primary-glow"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "hero" },
|
{
|
||||||
{ name: "The Standard", id: "about" },
|
name: "Home",
|
||||||
{ name: "Menu", id: "products" },
|
id: "hero",
|
||||||
{ name: "Feedback", id: "testimonials" },
|
},
|
||||||
{ name: "Contact", id: "contact" },
|
{
|
||||||
|
name: "About",
|
||||||
|
id: "about",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Menu",
|
||||||
|
id: "products",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Reviews",
|
||||||
|
id: "testimonials",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Contact",
|
||||||
|
id: "contact",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
brandName="Hot Chicks"
|
brandName="Hot Chicks"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardDashboard
|
<HeroBillboardScroll
|
||||||
title="Redefining Luxury Fried Chicken"
|
background={{
|
||||||
description="Hand-breaded perfection meets premium culinary craft. Discover the gold standard of comfort food."
|
variant: "sparkles-gradient",
|
||||||
background={{ variant: "sparkles-gradient" }}
|
|
||||||
dashboard={{
|
|
||||||
title: "Hot Chicks Metrics", stats: [
|
|
||||||
{ title: "Flavor Profiles", values: [15, 20, 25], description: "Our secret spice rotations" },
|
|
||||||
{ title: "Yield Ratio", values: [98, 99, 100], description: "Perfect crisp consistency" },
|
|
||||||
{ title: "Order Volume", values: [500, 750, 1000], description: "Daily satisfaction count" }
|
|
||||||
],
|
|
||||||
logoIcon: Sparkles,
|
|
||||||
sidebarItems: [{ icon: Utensils, active: true }],
|
|
||||||
buttons: [{ text: "Get Started", href: "#products" }],
|
|
||||||
listItems: [{ icon: ArrowRight, title: "New Batch", status: "Active" }],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571796.jpg"
|
|
||||||
}}
|
}}
|
||||||
|
title="Unapologetically Delicious."
|
||||||
|
description="Experience the crunch that's taking the city by storm. Hand-breaded, gold-fried perfection."
|
||||||
|
buttons={[
|
||||||
|
{
|
||||||
|
text: "View Menu",
|
||||||
|
href: "#products",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571796.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<MetricSplitMediaAbout
|
||||||
tag="Our Philosophy"
|
|
||||||
title="Luxury Meets Tradition"
|
|
||||||
description="We believe luxury is in the details—from locally sourced poultry to the specific heat-press method that locks in juiciness."
|
|
||||||
subdescription="Every bite reflects our commitment to the craft of artisan frying."
|
|
||||||
icon={Star}
|
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
title="The Hot Chicks Standard"
|
||||||
|
description="We don't just fry chicken; we craft culinary experiences. Sourced locally, seasoned passionately, and served with a smile."
|
||||||
|
metrics={[
|
||||||
|
{
|
||||||
|
value: "100%",
|
||||||
|
title: "Fresh Poultry",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "15+",
|
||||||
|
title: "Secret Spices",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "10k+",
|
||||||
|
title: "Happy Chicks Served",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/cook-cutting-roasted-meat-board_23-2148040153.jpg"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardFour
|
<ProductCardTwo
|
||||||
title="The Signature Collection"
|
|
||||||
description="Curated menu items featuring house-made glazes and premium ingredients."
|
|
||||||
gridVariant="bento-grid"
|
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
useInvertedBackground={false}
|
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{ id: "1", name: "Signature Gold Chicken", price: "$18.00", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chicken-wings-inside-plate-with-napkins-light-background-meat-horizontal-meal-food-burger_140725-156263.jpg" },
|
{
|
||||||
{ id: "2", name: "Truffle Infused Sliders", price: "$14.50", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sliced-fried-egg-waffle-hash-browns_23-2148352393.jpg" },
|
id: "1",
|
||||||
{ id: "3", name: "Crispy Heritage Tenders", price: "$16.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/chicken-legs-with-crispy-potato-fries_114579-2462.jpg" }
|
brand: "Signature",
|
||||||
|
name: "Hot Chicks Original",
|
||||||
|
price: "$12.00",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "240",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chicken-wings-inside-plate-with-napkins-light-background-meat-horizontal-meal-food-burger_140725-156263.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2",
|
||||||
|
brand: "Spicy",
|
||||||
|
name: "Nashville Hot Slider",
|
||||||
|
price: "$9.50",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "180",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sliced-fried-egg-waffle-hash-browns_23-2148352393.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "3",
|
||||||
|
brand: "Crispy",
|
||||||
|
name: "Classic Tenders",
|
||||||
|
price: "$10.50",
|
||||||
|
rating: 4,
|
||||||
|
reviewCount: "150",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-legs-with-crispy-potato-fries_114579-2462.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "4",
|
||||||
|
brand: "Wing",
|
||||||
|
name: "Buffalo Glazed Wings",
|
||||||
|
price: "$14.00",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "300",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-chicken-with-sauce-salad_23-2148646622.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "5",
|
||||||
|
brand: "Side",
|
||||||
|
name: "House Coleslaw",
|
||||||
|
price: "$4.00",
|
||||||
|
rating: 4,
|
||||||
|
reviewCount: "90",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-plate-dark-red-table-free-space_140725-59489.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "6",
|
||||||
|
brand: "Side",
|
||||||
|
name: "Cajun Seasoned Fries",
|
||||||
|
price: "$5.00",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "120",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/fries-fry-basket-white_114579-60016.jpg",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
|
title="Our Signature Menu"
|
||||||
|
description="Bold flavors, crispy perfection, addictive sides."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardSix
|
||||||
testimonial="The most refined fried chicken experience I've had. The attention to detail is evident in every bite."
|
animationType="slide-up"
|
||||||
rating={5}
|
textboxLayout="default"
|
||||||
author="Jordan P., Critic"
|
|
||||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Guest" }]}
|
|
||||||
ratingAnimation="blur-reveal"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
testimonials={[
|
||||||
|
{
|
||||||
|
id: "1",
|
||||||
|
name: "Alex R.",
|
||||||
|
handle: "@alexfoodie",
|
||||||
|
testimonial: "The best chicken in town. Hands down.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-blue-uniform-holding-food-package-showing-silence-sign-pink-desk-job-worker-service-uniform-company_140725-36307.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2",
|
||||||
|
name: "Sarah T.",
|
||||||
|
handle: "@sarah_t",
|
||||||
|
testimonial: "Crispy, juicy, and perfectly spiced.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "3",
|
||||||
|
name: "Mike J.",
|
||||||
|
handle: "@mikej",
|
||||||
|
testimonial: "The Nashville hot level is perfect.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-turkey-with-salad-dressing_23-2148314865.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "4",
|
||||||
|
name: "Emily W.",
|
||||||
|
handle: "@emilyeats",
|
||||||
|
testimonial: "I crave these tenders every single day.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717871.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "5",
|
||||||
|
name: "David K.",
|
||||||
|
handle: "@dk_eats",
|
||||||
|
testimonial: "Exceptional quality and friendly staff.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
title="Loved By The City"
|
||||||
|
description="Don't just take our word for it."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCenter
|
||||||
tag="Reservations"
|
|
||||||
title="Reserve Your Experience"
|
|
||||||
description="Join us for an elevated dining experience."
|
|
||||||
buttons={[{ text: "Book Table", href: "#contact" }]}
|
|
||||||
background={{ variant: "sparkles-gradient" }}
|
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
background={{
|
||||||
|
variant: "plain",
|
||||||
|
}}
|
||||||
|
tag="Visit Us"
|
||||||
|
title="Ready for the crunch?"
|
||||||
|
description="Join our newsletter for exclusive offers and secret menu drops."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterBaseReveal
|
||||||
logoText="Hot Chicks"
|
logoText="Hot Chicks"
|
||||||
columns={[
|
columns={[
|
||||||
{ items: [{ label: "Our Story" }, { label: "Locations" }] },
|
{
|
||||||
{ items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
|
title: "Menu",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
label: "All Items",
|
||||||
|
href: "#products",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Wings",
|
||||||
|
href: "#products",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Sides",
|
||||||
|
href: "#products",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Company",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
label: "About Us",
|
||||||
|
href: "#about",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Careers",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Locations",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Support",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
label: "Contact",
|
||||||
|
href: "#contact",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Privacy Policy",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
|
copyrightText="© 2024 Hot Chicks. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user