Merge version_1 into main #2
194
src/app/page.tsx
194
src/app/page.tsx
@@ -17,54 +17,38 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Super Chicken"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Super Chicken"
|
||||
description="Authentic, crispy, and flavorful chicken prepared with our secret blend of spices. Experience the true taste of excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "See Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Order Now", href: "#contact" },
|
||||
{ text: "See Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ptvoke&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ptvoke"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="delicious roast chicken restaurant interior"
|
||||
/>
|
||||
@@ -74,22 +58,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for Perfection",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9tx9ma",
|
||||
alt: "chef preparing fresh chicken dish",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "Our Passion for Perfection" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9tx9ma", alt: "chef preparing fresh chicken dish" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -100,24 +72,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Golden Roast",
|
||||
description: "Slow-cooked to perfection in our custom ovens.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0kl0l",
|
||||
imageAlt: "crispy fried chicken wings close up",
|
||||
},
|
||||
{
|
||||
title: "Crispy Delights",
|
||||
description: "Twice-fried for ultimate crunch and flavor.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hq0gmp",
|
||||
imageAlt: "grilled chicken breast served salad",
|
||||
},
|
||||
{
|
||||
title: "Fresh Sides",
|
||||
description: "Locally sourced vegetables served fresh daily.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x4lw9x",
|
||||
imageAlt: "chicken shawarma wrap with sauce",
|
||||
},
|
||||
{ title: "Golden Roast", description: "Slow-cooked to perfection in our custom ovens.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0kl0l", imageAlt: "crispy fried chicken wings close up" },
|
||||
{ title: "Crispy Delights", description: "Twice-fried for ultimate crunch and flavor.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hq0gmp", imageAlt: "grilled chicken breast served salad" },
|
||||
{ title: "Fresh Sides", description: "Locally sourced vegetables served fresh daily.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x4lw9x", imageAlt: "chicken shawarma wrap with sauce" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Hand-picked ingredients and traditional cooking methods define our unique flavor profile."
|
||||
@@ -131,54 +88,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Whole Roast",
|
||||
price: "$18",
|
||||
variant: "Spicy/Normal",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=btr3th",
|
||||
imageAlt: "whole golden roast chicken",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tenders",
|
||||
price: "$12",
|
||||
variant: "6pc/12pc",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=47kdbv",
|
||||
imageAlt: "crispy chicken tenders with sauce",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wings Bucket",
|
||||
price: "$15",
|
||||
variant: "Spicy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ow0mgk",
|
||||
imageAlt: "spicy fried chicken wings bucket",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chicken Platter",
|
||||
price: "$14",
|
||||
variant: "Daily",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vddg0b",
|
||||
imageAlt: "chicken breast platter with fries",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chicken Sandwich",
|
||||
price: "$9",
|
||||
variant: "Classic",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owdrao",
|
||||
imageAlt: "classic crispy chicken sandwich",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Salad Bowl",
|
||||
price: "$11",
|
||||
variant: "Healthy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olv9vx",
|
||||
imageAlt: "gourmet chicken salad bowl",
|
||||
},
|
||||
{ id: "p1", name: "Whole Roast", price: "$18", variant: "Spicy/Normal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=btr3th", imageAlt: "whole golden roast chicken" },
|
||||
{ id: "p2", name: "Tenders", price: "$12", variant: "6pc/12pc", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=47kdbv", imageAlt: "crispy chicken tenders with sauce" },
|
||||
{ id: "p3", name: "Wings Bucket", price: "$15", variant: "Spicy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ow0mgk", imageAlt: "spicy fried chicken wings bucket" },
|
||||
{ id: "p4", name: "Chicken Platter", price: "$14", variant: "Daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vddg0b", imageAlt: "chicken breast platter with fries" },
|
||||
{ id: "p5", name: "Chicken Sandwich", price: "$9", variant: "Classic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=owdrao", imageAlt: "classic crispy chicken sandwich" },
|
||||
{ id: "p6", name: "Salad Bowl", price: "$11", variant: "Healthy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=olv9vx", imageAlt: "gourmet chicken salad bowl" },
|
||||
]}
|
||||
title="Popular Orders"
|
||||
description="Our best-selling items, loved by our community."
|
||||
@@ -189,36 +104,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ali Hassan",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ulqk1f",
|
||||
imageAlt: "happy customer eating restaurant meal",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Ahmed",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4nyhg3",
|
||||
imageAlt: "man enjoying chicken meal restaurant",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Omar Khalid",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x682d6",
|
||||
imageAlt: "woman enjoying dinner at restaurant",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Layla Noor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tqa3em",
|
||||
imageAlt: "person eating gourmet dish smile",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zaid Mohammed",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=clltqn",
|
||||
imageAlt: "smiling family enjoying dinner chicken",
|
||||
},
|
||||
{ id: "1", name: "Ali Hassan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ulqk1f", imageAlt: "happy customer eating restaurant meal" },
|
||||
{ id: "2", name: "Sarah Ahmed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4nyhg3", imageAlt: "man enjoying chicken meal restaurant" },
|
||||
{ id: "3", name: "Omar Khalid", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x682d6", imageAlt: "woman enjoying dinner at restaurant" },
|
||||
{ id: "4", name: "Layla Noor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tqa3em", imageAlt: "person eating gourmet dish smile" },
|
||||
{ id: "5", name: "Zaid Mohammed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=clltqn", imageAlt: "smiling family enjoying dinner chicken" },
|
||||
]}
|
||||
cardTitle="Community Loves Us"
|
||||
cardAnimation="slide-up"
|
||||
@@ -229,14 +119,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Visit Us Today"
|
||||
description="Come visit Super Chicken and experience authentic flavors in a warm, friendly atmosphere."
|
||||
mediaAnimation="opacity"
|
||||
tag="Contact Us"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ptvoke&_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ptvoke"
|
||||
imageAlt="delicious roast chicken restaurant interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -244,17 +132,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Super Chicken"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user