From ea64702da3c7840760454e36afe41367ea0d831c Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 5 May 2026 21:43:00 +0000
Subject: [PATCH] feat: update homepage sections and navbar style

- Replaced pricing section with a product image card section.
- Replaced features icon cards with features image cards.
- Replaced testimonial avatar card with a sliding testimonial card.
- Updated navbar to have a glassmorphic effect.
---
 src/components/ui/NavbarCentered.tsx |  2 +-
 src/pages/HomePage.tsx               | 90 +++++++++++++---------------
 2 files changed, 42 insertions(+), 50 deletions(-)

diff --git a/src/components/ui/NavbarCentered.tsx b/src/components/ui/NavbarCentered.tsx
index 830f7a3..2b723aa 100644
--- a/src/components/ui/NavbarCentered.tsx
+++ b/src/components/ui/NavbarCentered.tsx
@@ -52,7 +52,7 @@ const NavbarCentered = ({ logo, navItems, ctaButton }: NavbarCenteredProps) => {
       <nav
         className={cls(
           "fixed z-1000 top-0 left-0 w-full transition-all duration-500 ease-in-out",
-          isScrolled ? "h-15 bg-background/80 backdrop-blur-sm" : "h-20 bg-background/0 backdrop-blur-0"
+          isScrolled ? "h-15 bg-background/80 backdrop-blur-sm" : "h-20 bg-transparent backdrop-blur-sm"
         )}
       >
         <div className="relative mx-auto flex items-center justify-between h-full w-content-width">
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 50c6a6b..1820d71 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,13 +1,13 @@
 import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeaturesIconCards from '@/components/sections/features/FeaturesIconCards';
+import FeaturesImageCards from '@/components/sections/features/FeaturesImageCards';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
-import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards';
+import ProductImageCards from '@/components/sections/product/ProductImageCards';
 import ProductQuantityCards from '@/components/sections/product/ProductQuantityCards';
 import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';
-import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';
-import { Award, CalendarDays, Droplet, Facebook, Grape, Grid, Instagram, Linkedin, Mail, Twitter, Wine } from "lucide-react";
+import TestimonialSlidingCards from '@/components/sections/testimonial/TestimonialSlidingCards';
+import { Award, CalendarDays, Facebook, Grid, Instagram, Linkedin, Mail, Twitter } from "lucide-react";
 
 export default function HomePage() {
   return (
@@ -58,25 +58,25 @@ export default function HomePage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeaturesIconCards
+      <FeaturesImageCards
       tag="Our Craft"
       title="The Art of Vino Estate"
       description="Experience the dedication and expertise behind every bottle, from sustainable vineyard practices to meticulous aging."
       features={[
         {
-          icon: Grape,
           title: "Sustainable Cultivation",
           description: "We honor our land with eco-friendly practices, ensuring vibrant grapes and a thriving ecosystem for future generations.",
+          imageSrc: "http://img.b2bpic.net/free-photo/bunch-grapes-vineyard_1398-2095.jpg",
         },
         {
-          icon: Droplet,
           title: "Traditional Barrel Aging",
           description: "Our wines mature gracefully in French oak barrels, imparting complex notes and a velvety smooth finish.",
+          imageSrc: "http://img.b2bpic.net/free-photo/barrels-cellar_1398-2096.jpg",
         },
         {
-          icon: Wine,
           title: "Curated Tasting Experiences",
           description: "Join us for an unforgettable journey through our varietals, expertly guided by our sommeliers.",
+          imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-wine-restaurant_1098-15549.jpg",
         },
       ]}
     />
@@ -90,32 +90,32 @@ export default function HomePage() {
       products={[
         {
           name: "Estate Cabernet Sauvignon",
-          price: "$75.00",
+          price: "",
           imageSrc: "http://img.b2bpic.net/free-photo/baroque-style-with-drinks-fruits-arrangement_23-2149629937.jpg",
         },
         {
           name: "Reserve Chardonnay",
-          price: "$60.00",
+          price: "",
           imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-quality-wine-still-life_23-2149710975.jpg",
         },
         {
           name: "Sparkling Rosé Brut",
-          price: "$55.00",
+          price: "",
           imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-champagne-with-glass-dark-alcohol-color-photo-drink_140725-93481.jpg",
         },
         {
           name: "Pinot Noir",
-          price: "$70.00",
+          price: "",
           imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-rose-wine-with-various-snack-white-table_114579-75941.jpg",
         },
         {
           name: "Late Harvest Riesling",
-          price: "$45.00",
+          price: "",
           imageSrc: "http://img.b2bpic.net/free-photo/still-life-new-year-s-decoration_23-2151842220.jpg",
         },
         {
           name: "Limited Edition Syrah",
-          price: "$95.00",
+          price: "",
           imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-red-glass-wine-bottle-family-celebration-decoration-accessories_140725-141398.jpg",
         },
       ]}
@@ -123,42 +123,28 @@ export default function HomePage() {
   </div>
 
   <div id="experience" data-section="experience">
-      <PricingSplitCards
+      <ProductImageCards
       tag="Exclusive Access"
       title="Join Our Wine Club"
       description="Elevate your wine experience with curated selections, exclusive releases, and special member benefits."
-      plans={[
+      products={[
         {
-          tag: "Enthusiast",
-          price: "$99",
-          period: "per quarter",
-          description: "Perfect for discovering new favorites and enjoying regular shipments.",
-          primaryButton: {
+          name: "Enthusiast",
+          description: "Perfect for discovering new favorites and enjoying regular shipments. Includes 2 bottles quarterly, 10% off all purchases, and priority access to new releases.",
+          imageSrc: "http://img.b2bpic.net/free-photo/wine-bottles-cellar_1398-2097.jpg",
+          button: {
             text: "Join Enthusiast",
             href: "#",
           },
-          featuresTitle: "Includes:",
-          features: [
-            "2 bottles quarterly",
-            "10% off all purchases",
-            "Priority access to new releases",
-          ],
         },
         {
-          tag: "Connoisseur",
-          price: "$179",
-          period: "per quarter",
-          description: "For the true aficionado seeking exclusive wines and premium perks.",
-          primaryButton: {
+          name: "Connoisseur",
+          description: "For the true aficionado seeking exclusive wines and premium perks. Includes 4 bottles quarterly (1 reserve), 15% off all purchases, and a complimentary private tasting for two.",
+          imageSrc: "http://img.b2bpic.net/free-photo/wine-tasting-event_1098-15550.jpg",
+          button: {
             text: "Join Connoisseur",
             href: "#",
           },
-          featuresTitle: "Includes:",
-          features: [
-            "4 bottles quarterly (1 reserve)",
-            "15% off all purchases",
-            "Complimentary private tasting for two",
-          ],
         },
       ]}
     />
@@ -251,32 +237,38 @@ export default function HomePage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialAvatarCard
+      <TestimonialSlidingCards
       tag="Rave Reviews"
       title="What Our Guests Say"
-      primaryButton={{
-        text: "Read More Stories",
-        href: "#",
-      }}
-      avatars={[
+      testimonials={[
         {
-          name: "Sarah J.",
+          quote: "An unforgettable experience. The wine was exquisite, and the vineyard tour was breathtaking. We'll be back!",
+          author: "Sarah J.",
+          role: "Wine Enthusiast",
           imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
         },
         {
-          name: "David K.",
+          quote: "Vino Estate's commitment to quality is evident in every sip. A truly remarkable collection of wines.",
+          author: "David K.",
+          role: "Sommelier",
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
         },
         {
-          name: "Emily R.",
+          quote: "The perfect setting for a romantic getaway. The staff was incredibly knowledgeable and welcoming.",
+          author: "Emily R.",
+          role: "Visitor",
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman_1098-12705.jpg",
         },
         {
-          name: "Michael C.",
+          quote: "Joining the wine club was the best decision I've made. The exclusive releases are always a treat.",
+          author: "Michael C.",
+          role: "Wine Club Member",
           imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-girlfriends-tasting-wine_23-2149428800.jpg",
         },
         {
-          name: "Jessica L.",
+          quote: "A must-visit for anyone passionate about wine. The attention to detail is second to none.",
+          author: "Jessica L.",
+          role: "Food & Wine Critic",
           imageSrc: "http://img.b2bpic.net/free-photo/hair-finger-person-studio-necktie_1262-2839.jpg",
         },
       ]}
-- 
2.49.1