Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -8,7 +8,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import { Facebook, Flame, Heart, Instagram, MessageSquare, Utensils } from "lucide-react";
|
||||
import { Zap, Wallet, Shield, Facebook, Flame, Heart, Instagram, MessageSquare, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,167 +25,98 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="PULSE Royapuram"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Why Us", id: "#features" },
|
||||
{ name: "Location", id: "#contact" },
|
||||
]}
|
||||
brandName="PULSE Royapuram"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Juicy Burgers. Loaded Fries. Real Taste of Royapuram."
|
||||
description="Rated 4.6 ⭐ by locals — Affordable, filling & unforgettable. Taste the difference today."
|
||||
tag="Best in North Chennai"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/a-close-up-high-quality-professional-foo-1774599862705-abb66de5.png",
|
||||
imageAlt: "Juicy Beef Burger",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/chicken-loaded-fries-topped-with-sauce-a-1774599865288-5a098fc3.jpg?_wi=1",
|
||||
imageAlt: "Loaded Chicken Fries",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="4.6 ⭐ by 36+ Locals"
|
||||
tagIcon={Flame}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Juicy Burgers. Loaded Fries. Real Taste of Royapuram."
|
||||
description="Rated 4.6 ⭐ by locals — Affordable, filling & unforgettable. Taste the difference today."
|
||||
tag="Best in North Chennai"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+910000000000" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/a-close-up-high-quality-professional-foo-1774599862705-abb66de5.png", imageAlt: "Juicy Beef Burger" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/chicken-loaded-fries-topped-with-sauce-a-1774599865288-5a098fc3.jpg", imageAlt: "Loaded Chicken Fries" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="4.6 ⭐ by 36+ Locals"
|
||||
tagIcon={Flame}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Generous Portions",
|
||||
description: "Portions designed for two people, perfect for sharing.",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Budget-Friendly",
|
||||
description: "Great taste at prices that won't break your wallet.",
|
||||
buttonIcon: "Wallet",
|
||||
},
|
||||
{
|
||||
title: "Hygienic & Friendly",
|
||||
description: "Clean kitchen, fast service, always a welcoming smile.",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
]}
|
||||
title="Why PULSE?"
|
||||
description="We are committed to delivering the best street food experience in Royapuram."
|
||||
tag="Our Commitment"
|
||||
tagIcon={Heart}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Generous Portions", description: "Portions designed for two people, perfect for sharing.", buttonIcon: Zap },
|
||||
{ title: "Budget-Friendly", description: "Great taste at prices that won't break your wallet.", buttonIcon: Wallet },
|
||||
{ title: "Hygienic & Friendly", description: "Clean kitchen, fast service, always a welcoming smile.", buttonIcon: Shield },
|
||||
]}
|
||||
title="Why PULSE?"
|
||||
description="We are committed to delivering the best street food experience in Royapuram."
|
||||
tag="Our Commitment"
|
||||
tagIcon={Heart}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Beef Burger",
|
||||
price: "₹250",
|
||||
variant: "Signature",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/a-delicious-beef-burger-in-a-basket-cine-1774599862435-f547d650.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fried Chicken",
|
||||
price: "₹220",
|
||||
variant: "Crispy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/crispy-fried-chicken-pieces-on-a-rustic--1774599862284-fac3f175.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chicken Loaded Fries",
|
||||
price: "₹180",
|
||||
variant: "Loaded",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/chicken-loaded-fries-topped-with-sauce-a-1774599865288-5a098fc3.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Burrito",
|
||||
price: "₹200",
|
||||
variant: "Fresh",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/fresh-chicken-burrito-high-quality-food--1774599861868-e4756467.png",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our crowd favorites, curated for authentic taste."
|
||||
tag="Our Menu"
|
||||
tagIcon={Utensils}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Beef Burger", price: "₹250", variant: "Signature", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/a-delicious-beef-burger-in-a-basket-cine-1774599862435-f547d650.png" },
|
||||
{ id: "2", name: "Fried Chicken", price: "₹220", variant: "Crispy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/crispy-fried-chicken-pieces-on-a-rustic--1774599862284-fac3f175.png" },
|
||||
{ id: "3", name: "Chicken Loaded Fries", price: "₹180", variant: "Loaded", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/chicken-loaded-fries-topped-with-sauce-a-1774599865288-5a098fc3.jpg" },
|
||||
{ id: "4", name: "Burrito", price: "₹200", variant: "Fresh", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/fresh-chicken-burrito-high-quality-food--1774599861868-e4756467.png" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our crowd favorites, curated for authentic taste."
|
||||
tag="Our Menu"
|
||||
tagIcon={Utensils}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Order or Inquire"
|
||||
description="Planning a bulk order or party? Let us know!"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/warm-inviting-restaurant-interior-with-c-1774599862843-94285b81.png"
|
||||
mediaAnimation="opacity"
|
||||
buttonText="Send Inquiry"
|
||||
tag="Contact Us"
|
||||
tagIcon={MessageSquare}
|
||||
inputPlaceholder="Enter your email address"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
title="Order or Inquire"
|
||||
description="Planning a bulk order or party? Let us know!"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWLJt3D3vKqRVeO8D0u1Im0MYb/warm-inviting-restaurant-interior-with-c-1774599862843-94285b81.png"
|
||||
mediaAnimation="opacity"
|
||||
buttonText="Send Inquiry"
|
||||
tag="Contact Us"
|
||||
tagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PULSE Royapuram"
|
||||
copyrightText="© 2025 PULSE Royapuram. All Rights Reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PULSE Royapuram"
|
||||
copyrightText="© 2025 PULSE Royapuram. All Rights Reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user