Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 92bc7f262d | |||
| f98152c563 | |||
| 75f26aed28 | |||
| f7b5070111 | |||
| d3b4cc098a | |||
| ca947c0228 | |||
| db02395d07 |
257
src/app/page.tsx
257
src/app/page.tsx
@@ -2,15 +2,15 @@
|
|||||||
|
|
||||||
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 FeatureBento from '@/components/sections/feature/FeatureBento';
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import { ShoppingBag, Truck, Utensils } from "lucide-react";
|
||||||
import { MessageCircle } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -27,121 +27,150 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "hero" },
|
{ name: "Home", id: "hero" },
|
||||||
{ name: "Showcase", id: "gallery" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
{ name: "Menu", id: "menu" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
]}
|
]}
|
||||||
brandName="Unique Food Choice"
|
brandName="Unique Food Choice"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{
|
||||||
title="Unique Food Choice"
|
variant: "sparkles-gradient"}}
|
||||||
description="Experience the authentic taste of Karachi at our premium dining destination. Where tradition meets modern flavor."
|
title="Unique Food Choice"
|
||||||
buttons={[{ text: "Order Now", href: "#gallery" }]}
|
description="Experience the authentic taste of Karachi at our premium dining destination. Where tradition meets modern flavor."
|
||||||
mediaItems={[
|
buttons={[
|
||||||
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4", videoAriaLabel: "Kitchen Showcase" },
|
{ text: "Order Now", href: "#menu" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ribeye-steak-finely-cooked-cut-served-with-tartar-sauce_114579-2030.jpg?_wi=1", imageAlt: "Traditional Cuisine" },
|
{ text: "View Menu", href: "#menu" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg?_wi=1", imageAlt: "Delicious BBQ" }
|
]}
|
||||||
]}
|
mediaItems={[
|
||||||
mediaAnimation="blur-reveal"
|
{ imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg", imageAlt: "Delicious BBQ" },
|
||||||
/>
|
{ imageSrc: "http://img.b2bpic.net/free-photo/ribeye-steak-finely-cooked-cut-served-with-tartar-sauce_114579-2030.jpg", imageAlt: "Traditional Cuisine" },
|
||||||
</div>
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-mix-nuts-figs-plate_23-2148352341.jpg", imageAlt: "Fast Food" },
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-chicken-chicken-with-onion-herbs-lavash-bottle-oil-sauce-garlic-spices_140725-72569.jpg", imageAlt: "Delicious BBQ" },
|
||||||
<div id="collections" data-section="collections">
|
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-mushroom-sauce-plate_140725-4698.jpg", imageAlt: "Traditional Cuisine" },
|
||||||
<ProductCardTwo
|
]}
|
||||||
title="Featured Collections"
|
mediaAnimation="blur-reveal"
|
||||||
description="Curated selections of our finest dishes."
|
/>
|
||||||
gridVariant="three-columns-all-equal-width"
|
</div>
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
products={[
|
|
||||||
{ id: "1", brand: "BBQ", name: "Signature Tikka", price: "$15", rating: 5, reviewCount: "(120)", imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg" },
|
|
||||||
{ id: "2", brand: "Main", name: "Special Karahi", price: "$25", rating: 4, reviewCount: "(85)", imageSrc: "http://img.b2bpic.net/free-photo/ribeye-steak-finely-cooked-cut-served-with-tartar-sauce_114579-2030.jpg?_wi=2" },
|
|
||||||
{ id: "3", brand: "Starters", name: "Crispy Fries", price: "$8", rating: 5, reviewCount: "(200)", imageSrc: "http://img.b2bpic.net/free-photo/green-salad-lettuce-corns-bell-peppers-parsley-side-view_140725-11265.jpg?_wi=1" }
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<TestimonialAboutCard
|
||||||
title="Our Brand Story"
|
useInvertedBackground={false}
|
||||||
description="At Unique Food Choice, we pride ourselves on serving high-quality Pakistani cuisine crafted from the finest ingredients. Our mission is to provide an unforgettable culinary experience."
|
tag="About Us"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=1"
|
title="Authentic Taste, Affordable Prices"
|
||||||
useInvertedBackground={false}
|
description="At Unique Food Choice, we pride ourselves on serving high-quality Pakistani cuisine crafted from the finest ingredients. Our mission is to provide an unforgettable culinary experience that combines traditional recipes with modern comfort, ensuring every guest feels at home."
|
||||||
/>
|
subdescription="Located in the heart of Aziz Nagar, we strive to maintain the perfect balance of quality and value for our community."
|
||||||
</div>
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
icon={Utensils}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="menu" data-section="menu">
|
||||||
<TestimonialCardThirteen
|
<ProductCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={false}
|
gridVariant="three-columns-all-equal-width"
|
||||||
testimonials={[
|
useInvertedBackground={false}
|
||||||
{ id: "1", name: "Ahmed K.", handle: "@ahmed", testimonial: "Good food in economical prices.", rating: 5 },
|
products={[
|
||||||
{ id: "2", name: "Sara M.", handle: "@sara", testimonial: "The best Balochi Tikka in town!", rating: 5 }
|
{ id: "1", name: "Balochi Tikka", price: "PKR 850", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-raw-chicken-skewers-with-spices-wooden-board-dark-table-free-space_140725-148195.jpg" },
|
||||||
]}
|
{ id: "2", name: "Mixed BBQ Platter", price: "PKR 1200", imageSrc: "http://img.b2bpic.net/free-photo/chicken-shish-kebab-with-vegetables-ketchup-mayonnaise-top-view_114579-10378.jpg" },
|
||||||
showRating={true}
|
{ id: "3", name: "Chicken Burger", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-cheeseburger-with-fresh-ingredients-attached-with-skewers-stick_181624-41852.jpg" },
|
||||||
title="Customer Testimonials"
|
{ id: "4", name: "Special Curry", price: "PKR 700", imageSrc: "http://img.b2bpic.net/free-photo/plates-pilaf-grilled-vegetables-mashed-potatoes_141793-1102.jpg" },
|
||||||
description="See what our community has to say."
|
{ id: "5", name: "Family Deal", price: "PKR 2500", imageSrc: "http://img.b2bpic.net/free-photo/people-creating-food-content-upload-internet-food-lovers_23-2151461600.jpg" },
|
||||||
/>
|
{ id: "6", name: "Chef Special", price: "PKR 950", imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-8900.jpg" },
|
||||||
</div>
|
]}
|
||||||
|
title="Popular Dishes"
|
||||||
|
description="Explore our menu featuring a variety of dishes prepared with love and authentic spices."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="gallery" data-section="gallery">
|
<div id="services" data-section="services">
|
||||||
<FeatureBento
|
<FeatureBento
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ bentoComponent: "reveal-icon", icon: Utensils, title: "Dine-In", description: "Enjoy a warm and inviting atmosphere in our restaurant." },
|
||||||
bentoComponent: "media-stack",
|
{ bentoComponent: "reveal-icon", icon: ShoppingBag, title: "Takeout", description: "Grab your favorites on the go with quick service." },
|
||||||
title: "Our Kitchen",
|
{ bentoComponent: "reveal-icon", icon: Truck, title: "Delivery", description: "Get fresh hot meals delivered directly to your doorstep." },
|
||||||
description: "See how we prepare your meals.",
|
]}
|
||||||
items: [
|
title="Our Services"
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/green-salad-lettuce-corns-bell-peppers-parsley-side-view_140725-11265.jpg?_wi=2" },
|
description="We offer multiple ways to enjoy our food, tailored to your convenience."
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-soup-with-different-seasonings-grey-floor-soup-meal-food-meat-seasoning-spicy_140725-80760.jpg" },
|
/>
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg?_wi=2" }
|
</div>
|
||||||
]
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
title="Video Reels Showcase"
|
|
||||||
description="Highlights of our restaurant culinary art."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<ContactCTA
|
<TestimonialCardThirteen
|
||||||
tag="Join Us"
|
animationType="slide-up"
|
||||||
title="Contact Information"
|
textboxLayout="default"
|
||||||
description="Visit us at 1k Stop, Block M, Aziz Nagar, Karachi. We are here to serve you the best."
|
useInvertedBackground={false}
|
||||||
buttons={[{ text: "Call Us Now", href: "tel:+923049529287" }]}
|
testimonials={[
|
||||||
background={{ variant: "sparkles-gradient" }}
|
{ id: "1", name: "Ahmed K.", handle: "@ahmed", testimonial: "Good food in economical prices.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg" },
|
||||||
useInvertedBackground={false}
|
{ id: "2", name: "Sara M.", handle: "@sara", testimonial: "Try balochi tikka. The taste is very different from others.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-barbecue-outdoors_23-2148733608.jpg" },
|
||||||
/>
|
{ id: "3", name: "Bilal Z.", handle: "@bilal", testimonial: "Pathetic staff service.", rating: 2, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg" },
|
||||||
</div>
|
{ id: "4", name: "Fatima A.", handle: "@fatima", testimonial: "The best place to have BBQ in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
|
||||||
|
{ id: "5", name: "John D.", handle: "@john", testimonial: "Fast delivery and great taste.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-656.jpg" },
|
||||||
|
]}
|
||||||
|
showRating={true}
|
||||||
|
title="What Our Guests Say"
|
||||||
|
description="Feedback from our valued customers."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="gallery" data-section="gallery">
|
||||||
<FooterMedia
|
<FeatureBento
|
||||||
logoText="Unique Food Choice"
|
animationType="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=1"
|
textboxLayout="default"
|
||||||
columns={[
|
useInvertedBackground={false}
|
||||||
{ title: "Menu", items: [{ label: "Tikka", href: "#" }, { label: "Karahi", href: "#" }] },
|
features={[
|
||||||
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
{
|
||||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
|
bentoComponent: "media-stack", title: "Cuisine", description: "Freshly prepared delicacies.", items: [
|
||||||
]}
|
{ imageSrc: "http://img.b2bpic.net/free-photo/green-salad-lettuce-corns-bell-peppers-parsley-side-view_140725-11265.jpg" },
|
||||||
/>
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-soup-with-different-seasonings-grey-floor-soup-meal-food-meat-seasoning-spicy_140725-80760.jpg" },
|
||||||
</div>
|
{ imageSrc: "http://img.b2bpic.net/free-vector/barbecue-grill_24908-55711.jpg" },
|
||||||
|
],
|
||||||
<a href="https://wa.me/923049529287" target="_blank" className="fixed bottom-6 right-6 z-50 bg-green-500 text-white p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
|
},
|
||||||
<MessageCircle />
|
{
|
||||||
</a>
|
bentoComponent: "media-stack", title: "Delights", description: "Our signature dishes.", items: [
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-burger_23-2149342862.jpg" },
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-caucasian-food-kutab-wooden-cutting-board_140725-10322.jpg" },
|
||||||
|
{ imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-peas-frying-pan-black-cement-surface_1150-19786.jpg" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
title="Food Gallery"
|
||||||
|
description="Visual highlights of our best dishes."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<ContactCenter
|
||||||
|
useInvertedBackground={false}
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
tag="Visit Us"
|
||||||
|
title="Contact Us"
|
||||||
|
description="1k Stop, Near Gohar Pakwan, Block M Aziz Nagar, Karachi | +92 304 9529287"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterLogoEmphasis
|
||||||
|
columns={[
|
||||||
|
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
|
||||||
|
{ items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||||
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||||
|
]}
|
||||||
|
logoText="Unique Food Choice"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #fcf6ec;
|
--background: #080200;
|
||||||
--card: #f3ede2;
|
--card: #1a0d0b;
|
||||||
--foreground: #2e2521;
|
--foreground: #ffe6d5;
|
||||||
--primary-cta: #2e2521;
|
--primary-cta: #ffaa70;
|
||||||
--primary-cta-text: #080200;
|
--primary-cta-text: #080200;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #170b07;
|
||||||
--secondary-cta-text: #ffe6d5;
|
--secondary-cta-text: #ffe6d5;
|
||||||
--accent: #b2a28b;
|
--accent: #7b5e4a;
|
||||||
--background-accent: #b2a28b;
|
--background-accent: #b8541e;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user