bender/1e6c42e5-9001-40df-baa8-3a90585c37d8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 07:29:41 +00:00
parent 31da18dfe9
commit fb23a8e49e
1 changed files with 41 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

302
src/app/page.tsx
View File

@@ -32,24 +32,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Our Story",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Locations",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Locations", id: "contact" }
]}
brandName="Century Burger"
button={{ text: "Order Now", href: "#products" }}
/>
</div>
@@ -57,34 +46,14 @@ export default function LandingPage() {
<HeroOverlay
title="House of Burgers Since 2011"
description="Experience premium, artisanal sliders in the heart of the Kingdom. Heritage quality, theatrical taste."
buttons={[
{
text: "Explore Menu",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646505.jpg?_wi=1"
buttons={[{ text: "Explore Menu", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646505.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smling-young-girl-is-looking-camera-white-background_176474-117447.jpg",
alt: "Customer profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-pretty-african-american-woman-with-dark-fluffy-hair-dressed-black-turtleneck-looking-happy-isolated-white-background_574295-4763.jpg",
alt: "Customer profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-fashionable-young-blonde-female-dressed-stylish-clothes-posing-isolated-looking-up-with-eyes-expressing-interest-curiosity-opening-mouth-human-facial-expressions_343059-4360.jpg",
alt: "Customer profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-puts-hand-chin-looks-camera_141793-103509.jpg",
alt: "Customer profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/satisfied-african-american-woman-grey-formal-clothes-feels-happy_273609-45629.jpg",
alt: "Customer profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/smling-young-girl-is-looking-camera-white-background_176474-117447.jpg", alt: "Customer profile 1" },
{ src: "http://img.b2bpic.net/free-photo/young-pretty-african-american-woman-with-dark-fluffy-hair-dressed-black-turtleneck-looking-happy-isolated-white-background_574295-4763.jpg", alt: "Customer profile 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-attractive-fashionable-young-blonde-female-dressed-stylish-clothes-posing-isolated-looking-up-with-eyes-expressing-interest-curiosity-opening-mouth-human-facial-expressions_343059-4360.jpg", alt: "Customer profile 3" },
{ src: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-puts-hand-chin-looks-camera_141793-103509.jpg", alt: "Customer profile 4" },
{ src: "http://img.b2bpic.net/free-photo/satisfied-african-american-woman-grey-formal-clothes-feels-happy_273609-45629.jpg", alt: "Customer profile 5" }
]}
avatarText="Join 10k+ burger lovers"
/>
@@ -94,19 +63,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "A Journey of ",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke27om",
alt: "Logo",
},
{
type: "text",
content: " Excellence",
},
{ type: "text", content: "A Journey of " },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke27om", alt: "Logo" },
{ type: "text", content: " Excellence" }
]}
/>
</div>
@@ -118,60 +77,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Century",
name: "Nashville Chicken",
price: "SAR 35",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-cutlets-with-cooked-rice-dark-surface-rissole-dish-meat_140725-82506.jpg?_wi=1",
},
{
id: "2",
brand: "Century",
name: "Brisket Slider",
price: "SAR 42",
rating: 5,
reviewCount: "98",
imageSrc: "http://img.b2bpic.net/free-photo/fancy-cuisine-with-yummy-hamburger_23-2148374860.jpg?_wi=1",
},
{
id: "3",
brand: "Century",
name: "Roast Beef Slider",
price: "SAR 38",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg?_wi=1",
},
{
id: "4",
brand: "Century",
name: "Chicken Caesar",
price: "SAR 35",
rating: 5,
reviewCount: "112",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-vegan-burger_23-2149039340.jpg",
},
{
id: "5",
brand: "Century",
name: "Wagyu Classic",
price: "SAR 45",
rating: 5,
reviewCount: "205",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-wooden-board_23-2149897393.jpg",
},
{
id: "6",
brand: "Century",
name: "Truffle Burger",
price: "SAR 48",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad_23-2148784486.jpg",
},
{ id: "1", brand: "Century", name: "Nashville Chicken", price: "SAR 35", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-cutlets-with-cooked-rice-dark-surface-rissole-dish-meat_140725-82506.jpg" },
{ id: "2", brand: "Century", name: "Brisket Slider", price: "SAR 42", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/fancy-cuisine-with-yummy-hamburger_23-2148374860.jpg" },
{ id: "3", brand: "Century", name: "Roast Beef Slider", price: "SAR 38", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg" },
{ id: "4", brand: "Century", name: "Chicken Caesar", price: "SAR 35", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-vegan-burger_23-2149039340.jpg" },
{ id: "5", brand: "Century", name: "Wagyu Classic", price: "SAR 45", rating: 5, reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-wooden-board_23-2149897393.jpg" },
{ id: "6", brand: "Century", name: "Truffle Burger", price: "SAR 48", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad_23-2148784486.jpg" }
]}
title="Artisanal Sliders"
description="Handcrafted perfection in every bite."
@@ -180,24 +91,13 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Shield,
title: "Premium Ingredients",
description: "High-quality meats and locally sourced produce.",
},
{
icon: Truck,
title: "Free Delivery",
description: "Fast service across Jeddah, Riyadh, Taif, and Makkah.",
},
{
icon: Award,
title: "Heritage Quality",
description: "Established in 2011 with a focus on consistency.",
},
{ icon: Shield, title: "Premium Ingredients", description: "High-quality meats and locally sourced produce." },
{ icon: Truck, title: "Free Delivery", description: "Fast service across Jeddah, Riyadh, Taif, and Makkah." },
{ icon: Award, title: "Heritage Quality", description: "Established in 2011 with a focus on consistency." }
]}
title="Why Century Burger"
description="Authentic local roots with global culinary standards."
@@ -211,27 +111,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "2011",
title: "Founded Year",
description: "Over a decade of culinary excellence.",
icon: Calendar,
},
{
id: "m2",
value: "4+",
title: "Cities Served",
description: "Operating across major Saudi cities.",
icon: MapPin,
},
{
id: "m3",
value: "10k+",
title: "Daily Served",
description: "Happy customers every single day.",
icon: Users,
},
{ id: "m1", value: "2011", title: "Founded Year", description: "Over a decade of culinary excellence.", icon: Calendar },
{ id: "m2", value: "4+", title: "Cities Served", description: "Operating across major Saudi cities.", icon: MapPin },
{ id: "m3", value: "10k+", title: "Daily Served", description: "Happy customers every single day.", icon: Users }
]}
title="Our Reach"
description="Growing across the Kingdom."
@@ -243,61 +125,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah A.",
date: "Oct 2023",
title: "Excellent Slider",
quote: "The Nashville chicken slider is simply the best in the city!",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/puzzled-beautiful-young-african-american-woman-fashionable-pink-jacket-reacts-something-with-dissatisfied-expression_273609-45751.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646505.jpg?_wi=2",
imageAlt: "person portrait headshot studio",
},
{
id: "2",
name: "Khalid M.",
date: "Sept 2023",
title: "Brisket Masterpiece",
quote: "Perfect brisket every time. My favorite comfort food.",
tag: "Foodie",
avatarSrc: "http://img.b2bpic.net/free-photo/female-model-fall-winter-collection-outfits_114579-15724.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke27om",
imageAlt: "person portrait headshot studio",
},
{
id: "3",
name: "Reem H.",
date: "Aug 2023",
title: "Consistent Quality",
quote: "Love the variety in the gathering boxes. Always consistent.",
tag: "Frequent User",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-cutlets-with-cooked-rice-dark-surface-rissole-dish-meat_140725-82506.jpg?_wi=2",
imageAlt: "person portrait headshot studio",
},
{
id: "4",
name: "Faisal N.",
date: "July 2023",
title: "Great Delivery",
quote: "Delivery is always fast and the food arrives hot.",
tag: "Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-young-man_273609-6847.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fancy-cuisine-with-yummy-hamburger_23-2148374860.jpg?_wi=2",
imageAlt: "person portrait headshot studio",
},
{
id: "5",
name: "Layla S.",
date: "June 2023",
title: "Delicious!",
quote: "The roast beef slider is underrated. Absolutely flavorful.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-wearing-casual-clothes-with-hands-together-crossed-fingers-smiling-relaxed-cheerful-success-optimistic_839833-34688.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg?_wi=2",
imageAlt: "person portrait headshot studio",
},
{ id: "1", name: "Sarah A.", date: "Oct 2023", title: "Excellent Slider", quote: "The Nashville chicken slider is simply the best in the city!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/puzzled-beautiful-young-african-american-woman-fashionable-pink-jacket-reacts-something-with-dissatisfied-expression_273609-45751.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646505.jpg", imageAlt: "person portrait headshot studio" },
{ id: "2", name: "Khalid M.", date: "Sept 2023", title: "Brisket Masterpiece", quote: "Perfect brisket every time. My favorite comfort food.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/female-model-fall-winter-collection-outfits_114579-15724.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke27om", imageAlt: "person portrait headshot studio" },
{ id: "3", name: "Reem H.", date: "Aug 2023", title: "Consistent Quality", quote: "Love the variety in the gathering boxes. Always consistent.", tag: "Frequent User", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-cutlets-with-cooked-rice-dark-surface-rissole-dish-meat_140725-82506.jpg", imageAlt: "person portrait headshot studio" },
{ id: "4", name: "Faisal N.", date: "July 2023", title: "Great Delivery", quote: "Delivery is always fast and the food arrives hot.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-young-man_273609-6847.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fancy-cuisine-with-yummy-hamburger_23-2148374860.jpg", imageAlt: "person portrait headshot studio" },
{ id: "5", name: "Layla S.", date: "June 2023", title: "Delicious!", quote: "The roast beef slider is underrated. Absolutely flavorful.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-wearing-casual-clothes-with-hands-together-crossed-fingers-smiling-relaxed-cheerful-success-optimistic_839833-34688.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg", imageAlt: "person portrait headshot studio" }
]}
title="Fan Favorites"
description="Hear what our burger lovers say."
@@ -309,21 +141,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer delivery?",
content: "Yes, we offer free delivery in Jeddah, Riyadh, Taif, and Makkah.",
},
{
id: "q2",
title: "Can I order catering?",
content: "Yes, we provide gathering boxes perfect for any event.",
},
{
id: "q3",
title: "Are ingredients fresh?",
content: "We pride ourselves on using high-quality, fresh ingredients daily.",
},
{ id: "q1", title: "Do you offer delivery?", content: "Yes, we offer free delivery in Jeddah, Riyadh, Taif, and Makkah." },
{ id: "q2", title: "Can I order catering?", content: "Yes, we provide gathering boxes perfect for any event." },
{ id: "q3", title: "Are ingredients fresh?", content: "We pride ourselves on using high-quality, fresh ingredients daily." }
]}
imageSrc="http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59711.jpg"
mediaAnimation="opacity"
@@ -336,58 +156,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Join us at the House of Burgers today or order your gathering box now."
buttons={[
{
text: "Call Now",
href: "tel:+966...",
},
]}
buttons={[{ text: "Call Now", href: "tel:+966..." }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#products",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
items: [
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
{ items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
]}
logoText="Century Burger"
/>