Switch to version 2: modified src/app/page.tsx
This commit is contained in:
@@ -2,15 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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 FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import { MessageCircle } from "lucide-react";
|
||||
import { MessageCircle, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -41,41 +40,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
background={{ variant: "sparkles-gradient"}}
|
||||
title="Unique Food Choice"
|
||||
description="Experience the authentic taste of Karachi at our premium dining destination. Where tradition meets modern flavor."
|
||||
buttons={[{ text: "Order Now", href: "#gallery" }]}
|
||||
buttons={[{ text: "Order Now", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{ videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4", videoAriaLabel: "Kitchen Showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ribeye-steak-finely-cooked-cut-served-with-tartar-sauce_114579-2030.jpg?_wi=1", imageAlt: "Traditional Cuisine" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ribeye-steak-finely-cooked-cut-served-with-tartar-sauce_114579-2030.jpg", imageAlt: "Traditional Cuisine" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg?_wi=1", imageAlt: "Delicious BBQ" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collections" data-section="collections">
|
||||
<ProductCardTwo
|
||||
title="Featured Collections"
|
||||
description="Curated selections of our finest dishes."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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">
|
||||
<MediaAbout
|
||||
title="Our Brand Story"
|
||||
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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=1"
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Brand Story"
|
||||
title="Authentic Taste, Affordable Prices"
|
||||
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."
|
||||
subdescription="Located in the heart of Aziz Nagar, we strive to maintain the perfect balance of quality and value for our community."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Utensils}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,8 +72,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ahmed K.", handle: "@ahmed", testimonial: "Good food in economical prices.", rating: 5 },
|
||||
{ id: "2", name: "Sara M.", handle: "@sara", testimonial: "The best Balochi Tikka in town!", rating: 5 }
|
||||
{ id: "1", name: "Ahmed K.", handle: "@ahmed", testimonial: "Good food in economical prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg?_wi=1" },
|
||||
{ id: "2", name: "Sara M.", handle: "@sara", testimonial: "The best Balochi Tikka in town!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-barbecue-outdoors_23-2148733608.jpg?_wi=1" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Testimonials"
|
||||
@@ -105,37 +92,44 @@ export default function LandingPage() {
|
||||
title: "Our Kitchen",
|
||||
description: "See how we prepare your meals.",
|
||||
items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/green-salad-lettuce-corns-bell-peppers-parsley-side-view_140725-11265.jpg?_wi=2" },
|
||||
{ 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" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg?_wi=2" }
|
||||
]
|
||||
},
|
||||
{
|
||||
bentoComponent: "media-stack",
|
||||
title: "Our Dining",
|
||||
description: "Experience our atmosphere.",
|
||||
items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-barbecue-outdoors_23-2148733608.jpg?_wi=2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg?_wi=2" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Video Reels Showcase"
|
||||
description="Highlights of our restaurant culinary art."
|
||||
title="Video Showcase"
|
||||
description="Highlights of our restaurant."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Join Us"
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Contact Information"
|
||||
description="Visit us at 1k Stop, Block M, Aziz Nagar, Karachi. We are here to serve you the best."
|
||||
buttons={[{ text: "Call Us Now", href: "tel:+923049529287" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
description="Visit us at 1k Stop, Block M, Aziz Nagar, Karachi. Follow our social links below or call us for reservations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Unique Food Choice"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=1"
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Tikka", href: "#" }, { label: "Karahi", href: "#" }] },
|
||||
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
{ items: [{ label: "Social Links:" }, { label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ items: [{ label: "Newsletter" }, { label: "Subscribe for updates" }, { label: "(Form placeholder)" }] }
|
||||
]}
|
||||
logoText="Unique Food Choice"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,4 +139,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user