Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
320
src/app/page.tsx
320
src/app/page.tsx
@@ -18,225 +18,125 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Almontaser Deli"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Almontaser Deli"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Almontaser Deli & Halal Food"
|
||||
description="Fresh Halal Food • Friendly Service • Brooklyn Favorite"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "https://www.doordash.com",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-photography-of-a-fresh-hala-1774548680947-5b563b51.png"
|
||||
imageAlt="Fresh Halal Food Platter"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Almontaser Deli & Halal Food"
|
||||
description="Fresh Halal Food • Friendly Service • Brooklyn Favorite"
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Order Online", href: "https://www.doordash.com" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-photography-of-a-fresh-hala-1774548680947-5b563b51.png"
|
||||
imageAlt="Fresh Halal Food Platter"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Brooklyn Staple"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Served",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Neighbors",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Quality Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Brooklyn Staple"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Served", value: "15+" },
|
||||
{ icon: Users, label: "Happy Neighbors", value: "10k+" },
|
||||
{ icon: Smile, label: "Quality Rating", value: "5.0" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chicken Over Rice",
|
||||
price: "$9.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/a-delicious-platter-of-lamb-over-rice-wi-1774548681622-c17be17e.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lamb Over Rice",
|
||||
price: "$10.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/a-delicious-platter-of-lamb-over-rice-wi-1774548681622-c17be17e.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gyros",
|
||||
price: "$8.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/classic-gyros-sandwich-wrapped-in-pita-b-1774548683133-a848b4f4.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Philly Cheesesteak",
|
||||
price: "$9.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/a-hearty-philly-cheesesteak-sandwich-clo-1774548681246-e36480b8.png",
|
||||
},
|
||||
]}
|
||||
title="Popular Menu Items"
|
||||
description="Taste the neighborhood's favorites, prepared fresh daily with our secret recipes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Chicken Over Rice", price: "$9.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/a-delicious-platter-of-lamb-over-rice-wi-1774548681622-c17be17e.png" },
|
||||
{ id: "2", name: "Lamb Over Rice", price: "$10.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/a-delicious-platter-of-lamb-over-rice-wi-1774548681622-c17be17e.png" },
|
||||
{ id: "3", name: "Gyros", price: "$8.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/classic-gyros-sandwich-wrapped-in-pita-b-1774548683133-a848b4f4.png" },
|
||||
{ id: "4", name: "Philly Cheesesteak", price: "$9.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/a-hearty-philly-cheesesteak-sandwich-clo-1774548681246-e36480b8.png" },
|
||||
]}
|
||||
title="Popular Menu Items"
|
||||
description="Taste the neighborhood's favorites, prepared fresh daily with our secret recipes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fresh Ingredients",
|
||||
description: "We use only the finest halal meat and fresh produce daily.",
|
||||
tag: "Quality",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Affordable Prices",
|
||||
description: "Great tasting food that won't break the bank.",
|
||||
tag: "Value",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Friendly Service",
|
||||
description: "Our staff treats everyone like family.",
|
||||
tag: "Hospitality",
|
||||
},
|
||||
]}
|
||||
title="Why Customers Love Us"
|
||||
description="We are proud to serve our Brooklyn community with quality food and service."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Fresh Ingredients", description: "We use only the finest halal meat and fresh produce daily.", tag: "Quality" },
|
||||
{ id: "f2", title: "Affordable Prices", description: "Great tasting food that won't break the bank.", tag: "Value" },
|
||||
{ id: "f3", title: "Friendly Service", description: "Our staff treats everyone like family.", tag: "Hospitality" },
|
||||
]}
|
||||
title="Why Customers Love Us"
|
||||
description="We are proud to serve our Brooklyn community with quality food and service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexnyc",
|
||||
testimonial: "Best chicken over rice in NYC. Always fresh!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-portrait-of-a-happy-custome-1774548682594-a694f9bf.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria L.",
|
||||
handle: "@maria_bk",
|
||||
testimonial: "Very friendly staff and great service every single time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-portrait-of-a-happy-custome-1774548681041-3a52bbb5.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam K.",
|
||||
handle: "@sam_halal",
|
||||
testimonial: "Affordable and delicious. My go-to deli.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-portrait-of-a-happy-custome-1774548682331-12354091.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John D.",
|
||||
handle: "@john_nyc",
|
||||
testimonial: "Best halal food in New York. Family treatment!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-portrait-of-a-happy-custome-1774548685519-010c65eb.png",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Read why our customers keep coming back for more."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", handle: "@alexnyc", testimonial: "Best chicken over rice in NYC. Always fresh!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-portrait-of-a-happy-custome-1774548682594-a694f9bf.png" },
|
||||
{ id: "t2", name: "Maria L.", handle: "@maria_bk", testimonial: "Very friendly staff and great service every single time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-portrait-of-a-happy-custome-1774548681041-3a52bbb5.png" },
|
||||
{ id: "t3", name: "Sam K.", handle: "@sam_halal", testimonial: "Affordable and delicious. My go-to deli.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-portrait-of-a-happy-custome-1774548682331-12354091.png" },
|
||||
{ id: "t4", name: "John D.", handle: "@john_nyc", testimonial: "Best halal food in New York. Family treatment!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUfbPElW8fbIUU8XvbO2YDHWhS/professional-portrait-of-a-happy-custome-1774548685519-010c65eb.png" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Read why our customers keep coming back for more."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we are on DoorDash and Uber Eats.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in the heart of Brooklyn, NY.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Ready to Eat?"
|
||||
ctaDescription="Order now through your favorite app or give us a call to pick up!"
|
||||
ctaButton={{
|
||||
text: "Call Now: (555) 123-4567",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you deliver?", content: "Yes, we are on DoorDash and Uber Eats." },
|
||||
{ id: "q2", title: "Where are you located?", content: "We are located in the heart of Brooklyn, NY." },
|
||||
]}
|
||||
ctaTitle="Ready to Eat?"
|
||||
ctaDescription="Order now through your favorite app or give us a call to pick up!"
|
||||
ctaButton={{ text: "Call Now: (555) 123-4567" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Almontaser Deli"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Almontaser Deli",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Almontaser Deli"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Almontaser Deli", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user