Merge version_5 into main

Merge version_5 into main
This commit was merged in pull request #5.
This commit is contained in:
2025-12-26 10:56:29 +00:00

View File

@@ -28,12 +28,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="No kinoa" brandName="No kinoa"
navItems={[ links={[
{ name: "About", id: "about" }, { label: "About", href: "about" },
{ name: "Tea Collection", id: "products" }, { label: "Tea Collection", href: "products" },
{ name: "Benefits", id: "features" }, { label: "Benefits", href: "features" },
{ name: "Reviews", id: "testimonials" }, { label: "Reviews", href: "testimonials" },
{ name: "Contact", id: "contact" } { label: "Contact", href: "contact" }
]} ]}
button={{ button={{
text: "Shop Now", text: "Shop Now",
@@ -86,8 +86,7 @@ export default function LandingPage() {
rating: 5, rating: 5,
reviewCount: "148", reviewCount: "148",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745310530-7x1rnnq3.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745310530-7x1rnnq3.jpg",
imageAlt: "Premium green tea leaves", imageAlt: "Premium green tea leaves"
starColor: "#ff0000"
}, },
{ {
id: "black-tea-01", id: "black-tea-01",
@@ -97,8 +96,7 @@ export default function LandingPage() {
rating: 5, rating: 5,
reviewCount: "96", reviewCount: "96",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745311535-x8qbbar9.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745311535-x8qbbar9.jpg",
imageAlt: "Black tea blend", imageAlt: "Black tea blend"
starColor: "#ff0000"
}, },
{ {
id: "white-tea-01", id: "white-tea-01",
@@ -108,8 +106,7 @@ export default function LandingPage() {
rating: 5, rating: 5,
reviewCount: "67", reviewCount: "67",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745312419-jtmnlnre.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745312419-jtmnlnre.jpg",
imageAlt: "White tea premium selection", imageAlt: "White tea premium selection"
starColor: "#ff0000"
}, },
{ {
id: "herbal-blend-01", id: "herbal-blend-01",
@@ -119,8 +116,7 @@ export default function LandingPage() {
rating: 5, rating: 5,
reviewCount: "203", reviewCount: "203",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745313395-9dug9k92.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745313395-9dug9k92.jpg",
imageAlt: "Herbal wellness tea", imageAlt: "Herbal wellness tea"
starColor: "#ff0000"
} }
]} ]}
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
@@ -131,28 +127,29 @@ export default function LandingPage() {
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<CardStack <div className="py-24 px-6">
title="Why Choose No kinoa Tea" <div className="mx-auto max-w-7xl">
description="Discover the benefits of premium tea and our commitment to quality" <div className="text-center mb-16">
tag="Benefits" <span className="inline-block px-3 py-1 text-sm bg-accent/20 text-accent rounded-full mb-4">Benefits</span>
textboxLayout="default" <h2 className="text-4xl font-bold mb-4">Why Choose No kinoa Tea</h2>
animationType="slide-up" <p className="text-xl text-foreground/70">Discover the benefits of premium tea and our commitment to quality</p>
mode="buttons" </div>
gridVariant="uniform-all-items-equal" <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
> <div className="p-6 rounded-lg border border-gray-200 dark:border-gray-700">
<div className="p-6 rounded-lg border border-gray-200 dark:border-gray-700"> <h3 className="text-lg font-semibold mb-2">100% Organic & Pure</h3>
<h3 className="text-lg font-semibold mb-2">100% Organic & Pure</h3> <p className="text-sm text-gray-600 dark:text-gray-300">All our teas are sourced from certified organic farms with no additives or artificial ingredients. We believe in natural purity.</p>
<p className="text-sm text-gray-600 dark:text-gray-300">All our teas are sourced from certified organic farms with no additives or artificial ingredients. We believe in natural purity.</p> </div>
<div className="p-6 rounded-lg border border-gray-200 dark:border-gray-700">
<h3 className="text-lg font-semibold mb-2">Health & Wellness</h3>
<p className="text-sm text-gray-600 dark:text-gray-300">Rich in antioxidants and natural nutrients. Each cup supports your daily wellness routine with powerful health benefits.</p>
</div>
<div className="p-6 rounded-lg border border-gray-200 dark:border-gray-700">
<h3 className="text-lg font-semibold mb-2">Sustainable Sourcing</h3>
<p className="text-sm text-gray-600 dark:text-gray-300">We partner with fair-trade farms that prioritize environmental conservation and support local communities.</p>
</div>
</div>
</div> </div>
<div className="p-6 rounded-lg border border-gray-200 dark:border-gray-700"> </div>
<h3 className="text-lg font-semibold mb-2">Health & Wellness</h3>
<p className="text-sm text-gray-600 dark:text-gray-300">Rich in antioxidants and natural nutrients. Each cup supports your daily wellness routine with powerful health benefits.</p>
</div>
<div className="p-6 rounded-lg border border-gray-200 dark:border-gray-700">
<h3 className="text-lg font-semibold mb-2">Sustainable Sourcing</h3>
<p className="text-sm text-gray-600 dark:text-gray-300">We partner with fair-trade farms that prioritize environmental conservation and support local communities.</p>
</div>
</CardStack>
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">