Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -5,9 +5,9 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,25 +28,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Pasta",
|
||||
id: "products",
|
||||
},
|
||||
name: "Pasta", id: "products"},
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Craft", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Duppy Dou"
|
||||
/>
|
||||
@@ -56,102 +46,57 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Duppy Dou — Pastas"
|
||||
description="Pasta hecha con alma. Experience the authentic craft of artisan Italian pasta, brought directly to your home with unmatched luxury."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena",
|
||||
testimonial: "The best pasta I have tasted outside Italy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena Rossi", handle: "@elena", testimonial: "The best pasta I have tasted outside Italy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=1"},
|
||||
{
|
||||
name: "Marco V.",
|
||||
handle: "@marco",
|
||||
testimonial: "Incredible texture and flavor profile.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg?_wi=1",
|
||||
},
|
||||
name: "Marco V.", handle: "@marco", testimonial: "Incredible texture and flavor profile.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Restaurant quality at home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Restaurant quality at home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg?_wi=1"},
|
||||
{
|
||||
name: "David P.",
|
||||
handle: "@dpasta",
|
||||
testimonial: "The flavor is truly exceptional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg?_wi=1",
|
||||
},
|
||||
name: "David P.", handle: "@dpasta", testimonial: "The flavor is truly exceptional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg?_wi=1"},
|
||||
{
|
||||
name: "Anna W.",
|
||||
handle: "@anna",
|
||||
testimonial: "Brings the soul of Italy to my table.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg?_wi=1",
|
||||
},
|
||||
name: "Anna W.", handle: "@anna", testimonial: "Brings the soul of Italy to my table.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg?_wi=1"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Our Craft",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Craft", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cutting-dough-pasta_23-2148296882.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic",
|
||||
},
|
||||
type: "text", text: "100% Organic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Daily",
|
||||
},
|
||||
type: "text", text: "Handcrafted Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bronze Cut",
|
||||
},
|
||||
type: "text", text: "Bronze Cut"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Italian",
|
||||
},
|
||||
type: "text", text: "Authentic Italian"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Slow Dried",
|
||||
},
|
||||
type: "text", text: "Slow Dried"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,17 +109,11 @@ export default function LandingPage() {
|
||||
description="We hand-shape every strand using traditional techniques and the finest durum semolina. Our process is a tribute to the slow, intentional art of pasta making."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "100% Organic",
|
||||
description: "Sourced from small-batch Italian farms.",
|
||||
},
|
||||
title: "100% Organic", description: "Sourced from small-batch Italian farms."},
|
||||
{
|
||||
title: "Bronze Cut",
|
||||
description: "For the perfect sauce-gripping texture.",
|
||||
},
|
||||
title: "Bronze Cut", description: "For the perfect sauce-gripping texture."},
|
||||
{
|
||||
title: "Slow Dried",
|
||||
description: "Preserving nutrients and full flavor.",
|
||||
},
|
||||
title: "Slow Dried", description: "Preserving nutrients and full flavor."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-with-pizza-cutter-utensils_23-2148296890.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -182,48 +121,24 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Golden Fettuccine",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-pasta-plate-dark-cloth_23-2148340417.jpg",
|
||||
},
|
||||
id: "p1", name: "Golden Fettuccine", price: "$12.00", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/dark-pasta-plate-dark-cloth_23-2148340417.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Orecchiette Rustica",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-apron-holding-dough_23-2148296873.jpg",
|
||||
},
|
||||
id: "p2", name: "Orecchiette Rustica", price: "$14.00", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-apron-holding-dough_23-2148296873.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Ravioli",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-fettuccini-with-creamy-sauce-parmesan-topped-with-cherry-tomato-dill_140725-1612.jpg",
|
||||
},
|
||||
id: "p3", name: "Signature Ravioli", price: "$18.00", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/seafood-fettuccini-with-creamy-sauce-parmesan-topped-with-cherry-tomato-dill_140725-1612.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pappardelle Ribbons",
|
||||
price: "$13.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-seeds-concept_23-2148578405.jpg",
|
||||
},
|
||||
id: "p4", name: "Pappardelle Ribbons", price: "$13.00", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-seeds-concept_23-2148578405.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Artisan Selection",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-pasta-composition-raw-product-inside-plates-grey_140725-103938.jpg",
|
||||
},
|
||||
id: "p5", name: "Artisan Selection", price: "$25.00", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-pasta-composition-raw-product-inside-plates-grey_140725-103938.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Rustic Fusilli",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-raw-fusilli-pasta-scattered-blue-space_114579-76338.jpg",
|
||||
},
|
||||
id: "p6", name: "Rustic Fusilli", price: "$11.00", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/brown-raw-fusilli-pasta-scattered-blue-space_114579-76338.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Premium shapes for your culinary masterpieces."
|
||||
@@ -231,50 +146,21 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Perfect texture",
|
||||
quote: "Stunning quality, like a restaurant in Rome.",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@foodie", testimonial: "Stunning quality, like a restaurant in Rome.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Pure craft",
|
||||
quote: "You can taste the dedication in every bite.",
|
||||
name: "Michael K.",
|
||||
role: "Home Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Michael K.", handle: "@homechef", testimonial: "You can taste the dedication in every bite.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg?_wi=2"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly recommend",
|
||||
quote: "Finally, pasta that respects tradition.",
|
||||
name: "Laura G.",
|
||||
role: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Exceptional",
|
||||
quote: "I never buy supermarket pasta anymore.",
|
||||
name: "David P.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733202.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Love it",
|
||||
quote: "Brings the soul of Italy to my dinner table.",
|
||||
name: "Anna W.",
|
||||
role: "Food Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-tagliatelle-sauce-parmesan_140725-6574.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Laura G.", handle: "@gourmet", testimonial: "Finally, pasta that respects tradition.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24358.jpg?_wi=2"},
|
||||
]}
|
||||
title="Soulful Reviews"
|
||||
description="What our passionate community says."
|
||||
@@ -285,14 +171,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to bring the artisan soul into your kitchen?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
text: "Contact Us", href: "https://wa.me/1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user