Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 42ab619cef | |||
| f3ecc11db9 | |||
| 6e93801bc7 |
169
src/app/page.tsx
169
src/app/page.tsx
@@ -4,15 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||||
import { Award } from "lucide-react";
|
import { Award, Utensils, CheckCircle, ChefHat } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -23,14 +23,14 @@ export default function LandingPage() {
|
|||||||
contentWidth="smallMedium"
|
contentWidth="smallMedium"
|
||||||
sizing="mediumSizeLargeTitles"
|
sizing="mediumSizeLargeTitles"
|
||||||
background="aurora"
|
background="aurora"
|
||||||
cardStyle="soft-shadow"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="primary-glow"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="radial-glow"
|
||||||
headingFontWeight="light"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "hero" },
|
{ name: "Home", id: "hero" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
@@ -44,156 +44,111 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroLogo
|
||||||
useInvertedBackground={true}
|
logoText="ChickenHub"
|
||||||
background={{ variant: "gradient-bars" }}
|
description="Experience the legendary taste of our signature Biryani, succulent Tandoori, and crispy chicken snacks. Crafted with passion, served with perfection."
|
||||||
title="Authentic Chicken Flavors"
|
imageSrc="http://img.b2bpic.net/free-photo/two-coppery-pans-with-marinated-chicken-garnished-with-tomatoes-herbs_141793-510.jpg"
|
||||||
description="Experience the legendary taste of our signature Biryani, Tandoori, and crispy chicken snacks. Crafted with passion, served with perfection."
|
buttons={[{ text: "Explore Menu", href: "#menu" }]}
|
||||||
testimonials={[
|
|
||||||
{ name: "Rahul Verma", handle: "@rahul", testimonial: "The best biryani in town! Pure flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-coppery-pans-with-marinated-chicken-garnished-with-tomatoes-herbs_141793-510.jpg" },
|
|
||||||
{ name: "Anita Rao", handle: "@anita", testimonial: "Loved the tandoori chicken, so juicy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pilaf-with-sabzi-with-herbs_140725-6298.jpg" },
|
|
||||||
{ name: "Vikram Singh", handle: "@vikram", testimonial: "Chicken pakodi is highly addictive!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lime-spices-near-pan-with-rice-dish_23-2147894780.jpg" },
|
|
||||||
{ name: "Priya Shah", handle: "@priya", testimonial: "A must-visit for chicken lovers.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/delicious-fettuchini-with-grilled-shrimps-cheese_140725-10730.jpg" },
|
|
||||||
{ name: "Amit Kumar", handle: "@amit", testimonial: "Consistently great quality every visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-man-with-beard-restaurant_1262-3602.jpg" },
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/plate-pilaf-prepared-with-corn-green-peas_141793-1111.jpg"
|
|
||||||
avatars={[
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg", alt: "Customer 1" },
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg", alt: "Customer 2" },
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg", alt: "Customer 3" },
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg", alt: "Customer 4" },
|
|
||||||
{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663878.jpg", alt: "Customer 5" },
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{ type: "text", text: "100% Fresh" },
|
|
||||||
{ type: "text", text: "Award Winning" },
|
|
||||||
{ type: "text", text: "Locally Sourced" },
|
|
||||||
{ type: "text", text: "Traditional Recipes" },
|
|
||||||
{ type: "text", text: "Fast Delivery" },
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
tag="Our Story"
|
heading={[{ type: "text", content: "Crafting Culinary " }, { type: "image", src: "http://img.b2bpic.net/free-photo/chicken-appetizing-chicken-with-herbs-onion-lemon-board-sauce_140725-73720.jpg", alt: "Food" }, { type: "text", content: " Perfection" }]}
|
||||||
title="Taste of Tradition"
|
buttons={[{ text: "Read Our Story" }]}
|
||||||
description="We bring you secret recipes passed down through generations. Our chefs use high-quality spices to make every meal memorable."
|
|
||||||
subdescription="Every dish is cooked fresh to order, ensuring quality in every bite."
|
|
||||||
icon={Award}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/stack-plates-commercial-kitchen_53876-63262.jpg"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardOne
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={true}
|
title="Chicken Specialties"
|
||||||
|
description="From fragrant Biryani to fiery Tandoori, satisfy your cravings with our chef-curated selection."
|
||||||
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{ id: "1", name: "Classic Biryani", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg" },
|
{ id: "1", brand: "Signature", name: "Hyderabadi Biryani", price: "$14.99", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg" },
|
||||||
{ id: "2", name: "Tandoori Chicken", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/chicken-appetizing-chicken-with-herbs-onion-lemon-board-sauce_140725-73720.jpg" },
|
{ id: "2", brand: "Classic", name: "Tandoori Chicken", price: "$16.50", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/chicken-appetizing-chicken-with-herbs-onion-lemon-board-sauce_140725-73720.jpg" },
|
||||||
{ id: "3", name: "Crispy Pakodi", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-chicken-with-onion-herbs-lavash-board-sauce-colorful-spices_140725-72576.jpg" },
|
{ id: "3", brand: "Crunchy", name: "Chicken Pakodi", price: "$9.00", rating: 4, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-chicken-with-onion-herbs-lavash-board-sauce-colorful-spices_140725-72576.jpg" },
|
||||||
{ id: "4", name: "Butter Chicken", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-eggplant-salad-bowl-grey-surface_140725-88536.jpg" },
|
{ id: "4", brand: "Creamy", name: "Butter Chicken", price: "$15.00", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-eggplant-salad-bowl-grey-surface_140725-88536.jpg" }
|
||||||
{ id: "5", name: "Chilli Chicken", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-peppers_23-2148747677.jpg" },
|
|
||||||
{ id: "6", name: "Spicy Wings", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/buffalo-spicy-chicken-wings-with-cayenne-pepper-sauce-wooden-table_123827-29531.jpg" },
|
|
||||||
]}
|
]}
|
||||||
title="Signature Menu"
|
|
||||||
description="Explore our curated selection of mouth-watering chicken dishes."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="highlights" data-section="highlights">
|
<div id="highlights" data-section="highlights">
|
||||||
<FeatureCardSix
|
<FeatureBento
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
features={[
|
|
||||||
{ title: "Fresh Ingredients", description: "Locally sourced spices and high-quality chicken.", imageSrc: "http://img.b2bpic.net/free-photo/two-portions-delicious-rice-blue-plate-high-quality-photo_114579-78836.jpg", imageAlt: "Fresh" },
|
|
||||||
{ title: "Secret Spices", description: "Authentic blends used for generations.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-wings-cooken-teriyaki-sauce_114579-2017.jpg", imageAlt: "Spices" },
|
|
||||||
{ title: "Fast Delivery", description: "Hot and fresh to your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-sauce-colorful-spices-chicken-with-herbs-lavash-board_140725-73709.jpg", imageAlt: "Delivery" },
|
|
||||||
]}
|
|
||||||
title="Why Choose Us"
|
title="Why Choose Us"
|
||||||
description="We prioritize quality and customer experience above all else."
|
description="Quality and flavor are at the heart of everything we serve."
|
||||||
|
animationType="slide-up"
|
||||||
|
features={[
|
||||||
|
{ title: "Fresh Ingredients", description: "Farm-to-table quality chicken.", bentoComponent: 'reveal-icon', icon: Utensils },
|
||||||
|
{ title: "Ancient Recipes", description: "Generations of culinary secrets.", bentoComponent: 'reveal-icon', icon: ChefHat },
|
||||||
|
{ title: "Fast Delivery", description: "Hot, fresh, and on time.", bentoComponent: 'reveal-icon', icon: CheckCircle }
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="social" data-section="social">
|
<div id="social" data-section="social">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
|
names={["Foodie Network", "City Eats", "Local Chef"]}
|
||||||
|
title="As Seen In"
|
||||||
|
description="Trusted by food lovers across the country."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={false}
|
||||||
names={[
|
/>
|
||||||
"FoodieHub", "CityEats", "LocalFoodie", "TastyTrips", "ChefChoice", "FlavorMap", "DineOut"]}
|
|
||||||
title="Loved by Foodies"
|
|
||||||
description="Trusted by the top food networks and enthusiasts."
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTwo
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
|
title="Diner Stories"
|
||||||
|
description="Hear why our customers keep coming back for more."
|
||||||
|
animationType="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{ id: "1", title: "Great Food!", quote: "Fantastic service and even better taste.", name: "Sarah", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
|
{ id: "1", name: "Rahul V.", role: "Regular", testimonial: "The Chicken Pakodi is out of this world!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-man-with-beard-restaurant_1262-3602.jpg" },
|
||||||
{ id: "2", title: "Best Pakodi", quote: "I come here weekly just for the pakodi.", name: "John", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/enjoying-street-food-fest_23-2151543792.jpg" },
|
{ id: "2", name: "Anita R.", role: "Food Critic", testimonial: "Unmatched authentic flavors in every bite.", imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg" }
|
||||||
{ id: "3", title: "Authentic Taste", quote: "Just like home cooking.", name: "Emily", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-eating-dessert-library_23-2147860599.jpg" },
|
|
||||||
{ id: "4", title: "Must Try", quote: "Everything I tried was excellent.", name: "David", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
|
||||||
{ id: "5", title: "Quality First", quote: "Clean, fresh, and delicious.", name: "Maria", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-fried-chicken-with-sauce-cafe_1303-26172.jpg" },
|
|
||||||
]}
|
]}
|
||||||
title="Guest Reviews"
|
|
||||||
description="Read what our happy diners have to say."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={true}
|
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "1", title: "Do you offer delivery?", content: "Yes, we deliver across the city." },
|
{ id: "1", title: "Do you have home delivery?", content: "Yes, we deliver within 5km radius." },
|
||||||
{ id: "2", title: "Are there vegetarian options?", content: "Our main focus is chicken but we have some sides." },
|
{ id: "2", title: "Is your chicken Halal?", content: "Yes, we serve only 100% Halal certified chicken." },
|
||||||
{ id: "3", title: "What are your hours?", content: "Open daily from 11 AM to 11 PM." },
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Questions?"
|
sideTitle="Frequently Asked Questions"
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
|
tag="Contact Us"
|
||||||
|
title="Order Your Feast"
|
||||||
|
description="Contact us today and bring the authentic taste home."
|
||||||
|
buttons={[{ text: "Call Us", href: "#" }]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "plain" }}
|
||||||
tag="Visit Us"
|
|
||||||
title="Ready to eat?"
|
|
||||||
description="Come visit us today or call for home delivery."
|
|
||||||
buttons={[
|
|
||||||
{ text: "Contact Us", href: "#" },
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterBase
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg"
|
|
||||||
logoText="ChickenHub"
|
logoText="ChickenHub"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Menu", items: [{ label: "Biryani", href: "#menu" }, { label: "Tandoori", href: "#menu" }] },
|
||||||
title: "Links", items: [
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||||
{ label: "Home", href: "#hero" },
|
|
||||||
{ label: "Menu", href: "#menu" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal", items: [
|
|
||||||
{ label: "Privacy", href: "#" },
|
|
||||||
{ label: "Terms", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user