Merge version_2 into main #4
170
src/app/page.tsx
170
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
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 { CheckCircle, MapPin, Phone } from "lucide-react";
|
||||
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 +27,94 @@ 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"
|
||||
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"
|
||||
/>
|
||||
</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"
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user