bender/e95d32a1-7d42-402c-9291-ab36bc0ca42d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

5 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
ee5e40dd0d Update src/app/page.tsx 2026-04-06 15:07:22 +00:00
bender
8a4019144a Update src/app/page.tsx 2026-04-06 15:06:54 +00:00
bender
74860b8fdb Merge version_1 into main 
Merge version_1 into main
 2026-04-06 15:03:37 +00:00
bender
6bedf42360 Merge version_1 into main 
Merge version_1 into main
 2026-04-06 15:03:13 +00:00
bender
9921702699 Merge version_1 into main 
Merge version_1 into main
 2026-04-06 15:02:42 +00:00
1 changed files with 57 additions and 115 deletions
Expand all files Collapse all files

172
src/app/page.tsx
View File

@@ -2,14 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { CheckCircle } from "lucide-react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import SplitAbout from '@/components/sections/about/SplitAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function LandingPage() {
return (
@@ -27,154 +26,97 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<NavbarStyleCentered
navItems={[
{
name: "Menu", id: "menu"},
{
name: "About", id: "about"},
{
name: "Location", id: "location"},
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Location", id: "location" },
]}
brandName="Dara’s Ice Cream"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
<HeroSplitTestimonial
title="Dangerously Good Ice Cream."
description="Creamy. Rich. Impossible to stop at one scoop."
description="Creamy, rich, and impossible to stop at one scoop. Experience the best artisan gelato in Riyadh."
testimonials={[
{
name: "Sarah Ahmed", handle: "@sarah", testimonial: "Best ice cream in Riyadh, no questions asked!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-outdoors-with-ice-cream-cone_23-2149431399.jpg?_wi=1", imageAlt: "gourmet ice cream scoop close up"},
{
name: "Khalid M.", handle: "@khalid", testimonial: "Creamy, rich, and impossible to stop!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photo-cheerful-relaxed-black-girl-with-curly-hair-holds-mug-coffee-enjoys-pastime-visits-exotic-cafeteria-has-summer-holidays-abroad-looks-aside_273609-29077.jpg", imageAlt: "happy customer eating ice cream"},
{
name: "Lina Z.", handle: "@lina", testimonial: "Feels like authentic Italian gelato!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg", imageAlt: "satisfied customer ice cream shop"},
{
name: "Omar F.", handle: "@omar", testimonial: "The honey flavor is life changing.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-butcher-giving-sausages-from-counter_7502-4787.jpg", imageAlt: "joyful woman dessert shop"},
{
name: "Noora K.", handle: "@noora", testimonial: "Absolutely divine quality.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3336.jpg", imageAlt: "happy man eating gelato"},
]}
buttons={[
{
text: "View Menu", href: "#menu"},
{
text: "Order Now", href: "#"},
{ name: "Sarah Ahmed", handle: "@sarah", testimonial: "Best ice cream in Riyadh, no questions asked!", rating: 5 },
{ name: "Khalid M.", handle: "@khalid", testimonial: "Creamy, rich, and impossible to stop!", rating: 5 }
]}
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Order Now", href: "#" }]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-outdoors-with-ice-cream-cone_23-2149431399.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/photo-cheerful-relaxed-black-girl-with-curly-hair-holds-mug-coffee-enjoys-pastime-visits-exotic-cafeteria-has-summer-holidays-abroad-looks-aside_273609-29077.jpg", alt: "Sarah"},
{
src: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg", alt: "Khalid"},
{
src: "http://img.b2bpic.net/free-photo/female-butcher-giving-sausages-from-counter_7502-4787.jpg", alt: "Lina"},
{
src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3336.jpg", alt: "Omar"},
{
src: "http://img.b2bpic.net/free-photo/side-view-women-with-coffee-cups_23-2149966947.jpg", alt: "Noora"},
]}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Premium Ingredients", description: "Sourced from the finest global suppliers.", buttonIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-with-coffee-cups_23-2149966947.jpg", imageAlt: "young woman smiling with dessert"},
{
title: "Rich Texture", description: "Small-batch crafted for maximum creaminess.", buttonIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/honey-toast-with-whipped-cream-vanilla-ice-cream_1150-18536.jpg?_wi=1", imageAlt: "honey swirl ice cream scoop"},
{
title: "Unique Flavors", description: "Recipes you won't find anywhere else.", buttonIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-oats-with-waffle-honey_23-2148188969.jpg?_wi=1", imageAlt: "honeycomb crunchy ice cream bowl"},
{
title: "Friendly Service", description: "We treat every customer like family.", buttonIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/set-verdant-easter-eggs-blots-spoon-dye-liquid_23-2148070654.jpg?_wi=1", imageAlt: "pistachio gelato scoop vibrant"},
]}
<FeatureCardTwentyOne
title="Why People Love Us"
description="Rated 4.0 from 1,000+ happy customers in Riyadh."
description="Crafted with passion, served with love."
accordionItems={[
{ id: "1", title: "Premium Ingredients", content: "Sourced from the finest global suppliers." },
{ id: "2", title: "Small-Batch Quality", content: "Every batch is churned for maximum creaminess." },
{ id: "3", title: "Unique Flavors", content: "Innovative recipes you won't find anywhere else." }
]}
imageSrc="http://img.b2bpic.net/free-photo/honey-toast-with-whipped-cream-vanilla-ice-cream_1150-18536.jpg?_wi=1"
useInvertedBackground={true}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1", name: "Honey Ice Cream", price: "SAR 25", imageSrc: "http://img.b2bpic.net/free-photo/honey-toast-with-whipped-cream-vanilla-ice-cream_1150-18536.jpg?_wi=2"},
{
id: "2", name: "Honeycomb Perfection", price: "SAR 28", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-oats-with-waffle-honey_23-2148188969.jpg?_wi=2"},
{
id: "3", name: "Pistachio Rich", price: "SAR 30", imageSrc: "http://img.b2bpic.net/free-photo/set-verdant-easter-eggs-blots-spoon-dye-liquid_23-2148070654.jpg?_wi=2"},
{
id: "4", name: "Salted Caramel", price: "SAR 25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-vanilla-ice-cream-with-caramel-nuts_23-2151988809.jpg"},
{
id: "5", name: "Classic Cone", price: "SAR 15", imageSrc: "http://img.b2bpic.net/free-photo/mint-ice-cream-spoon_23-2149450716.jpg?_wi=1"},
{
id: "6", name: "Heart Cookie", price: "SAR 18", imageSrc: "http://img.b2bpic.net/free-photo/heart-cookies-with-flowers-table_23-2148017892.jpg"},
]}
<ProductCardTwo
title="Menu Highlights"
description="Our most loved flavors, crafted to perfection."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Dara's", name: "Honey Ice Cream", price: "SAR 25", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/honey-toast-with-whipped-cream-vanilla-ice-cream_1150-18536.jpg?_wi=2" },
{ id: "2", brand: "Dara's", name: "Pistachio Rich", price: "SAR 30", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/set-verdant-easter-eggs-blots-spoon-dye-liquid_23-2148070654.jpg?_wi=2" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
<SplitAbout
title="About Dara’s"
description="Dara’s Ice Cream is one of Riyadh’s most loved dessert spots. We specialize in premium, small-batch ice cream made with high-quality ingredients to deliver a rich and unforgettable taste."
metrics={[
{
value: "100%", title: "Artisan Crafted"},
{
value: "1K+", title: "Happy Customers"},
description="Dara’s Ice Cream is Riyadh’s most loved dessert spot, focusing on premium quality and artisan techniques."
bulletPoints={[
{ title: "100% Artisan", description: "Hand-crafted daily." },
{ title: "Locally Sourced", description: "Supporting local farms." }
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/mint-ice-cream-spoon_23-2149450716.jpg?_wi=2"
metricsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={false}
/>
</div>
<div id="location" data-section="location">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Visit Us"
title="Find Us at Century Corner"
description="King Fahd Branch Rd, Al Olaya, Riyadh. Open daily until 12 AM. Call us at 054 265 8929."
buttons={[
{
text: "Get Directions", href: "#"},
{
text: "Call Now", href: "tel:0542658929"},
<ContactSplitForm
title="Visit Us"
description="Located in Al Olaya, Riyadh. Reach out with any questions!"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" }
]}
textarea={{ name: "message", placeholder: "How can we help?" }}
imageSrc="http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterBaseCard
logoText="Dara's Ice Cream"
leftLink={{
text: "Terms of Service", href: "#"}}
rightLink={{
text: "Privacy Policy", href: "#"}}
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Privacy", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#location" }, { label: "FAQ", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}