Switch to version 1: modified src/pages/HomePage.tsx

Merge version_3_1778017446039 into main

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-transparent backdrop-blur-sm"
+          isScrolled ? "h-15 bg-background/80 backdrop-blur-sm" : "h-20 bg-background/0 backdrop-blur-0"
         )}
       >
         <div className="relative mx-auto flex items-center justify-between h-full w-content-width">

src/pages/HomePage.tsx

@@ -1,13 +1,13 @@
 import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeaturesImageCards from '@/components/sections/features/FeaturesImageCards';
+import FeaturesIconCards from '@/components/sections/features/FeaturesIconCards';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
-import ProductImageCards from '@/components/sections/product/ProductImageCards';
+import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards';
 import ProductQuantityCards from '@/components/sections/product/ProductQuantityCards';
 import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';
-import TestimonialSlidingCards from '@/components/sections/testimonial/TestimonialSlidingCards';
-import { Award, CalendarDays, Facebook, Grid, Instagram, Linkedin, Mail, Twitter } from "lucide-react";
+import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';
+import { Award, CalendarDays, Droplet, Facebook, Grape, Grid, Instagram, Linkedin, Mail, Twitter, Wine } from "lucide-react";
 
 export default function HomePage() {
   return (
@@ -58,25 +58,25 @@ export default function HomePage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeaturesImageCards
+      <FeaturesIconCards
       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: "",
+          price: "$75.00",
           imageSrc: "http://img.b2bpic.net/free-photo/baroque-style-with-drinks-fruits-arrangement_23-2149629937.jpg",
         },
         {
           name: "Reserve Chardonnay",
-          price: "",
+          price: "$60.00",
           imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-quality-wine-still-life_23-2149710975.jpg",
         },
         {
           name: "Sparkling Rosé Brut",
-          price: "",
+          price: "$55.00",
           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: "",
+          price: "$70.00",
           imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-rose-wine-with-various-snack-white-table_114579-75941.jpg",
         },
         {
           name: "Late Harvest Riesling",
-          price: "",
+          price: "$45.00",
           imageSrc: "http://img.b2bpic.net/free-photo/still-life-new-year-s-decoration_23-2151842220.jpg",
         },
         {
           name: "Limited Edition Syrah",
-          price: "",
+          price: "$95.00",
           imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-red-glass-wine-bottle-family-celebration-decoration-accessories_140725-141398.jpg",
         },
       ]}
@@ -123,28 +123,42 @@ export default function HomePage() {
   </div>
 
   <div id="experience" data-section="experience">
-      <ProductImageCards
+      <PricingSplitCards
       tag="Exclusive Access"
       title="Join Our Wine Club"
       description="Elevate your wine experience with curated selections, exclusive releases, and special member benefits."
-      products={[
+      plans={[
         {
-          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: {
+          tag: "Enthusiast",
+          price: "$99",
+          period: "per quarter",
+          description: "Perfect for discovering new favorites and enjoying regular shipments.",
+          primaryButton: {
             text: "Join Enthusiast",
             href: "#",
           },
+          featuresTitle: "Includes:",
+          features: [
+            "2 bottles quarterly",
+            "10% off all purchases",
+            "Priority access to new releases",
+          ],
         },
         {
-          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: {
+          tag: "Connoisseur",
+          price: "$179",
+          period: "per quarter",
+          description: "For the true aficionado seeking exclusive wines and premium perks.",
+          primaryButton: {
             text: "Join Connoisseur",
             href: "#",
           },
+          featuresTitle: "Includes:",
+          features: [
+            "4 bottles quarterly (1 reserve)",
+            "15% off all purchases",
+            "Complimentary private tasting for two",
+          ],
         },
       ]}
     />
@@ -237,38 +251,32 @@ export default function HomePage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialSlidingCards
+      <TestimonialAvatarCard
       tag="Rave Reviews"
       title="What Our Guests Say"
-      testimonials={[
+      primaryButton={{
+        text: "Read More Stories",
+        href: "#",
+      }}
+      avatars={[
         {
-          quote: "An unforgettable experience. The wine was exquisite, and the vineyard tour was breathtaking. We'll be back!",
-          author: "Sarah J.",
-          role: "Wine Enthusiast",
+          name: "Sarah J.",
           imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
         },
         {
-          quote: "Vino Estate's commitment to quality is evident in every sip. A truly remarkable collection of wines.",
-          author: "David K.",
-          role: "Sommelier",
+          name: "David K.",
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
         },
         {
-          quote: "The perfect setting for a romantic getaway. The staff was incredibly knowledgeable and welcoming.",
-          author: "Emily R.",
-          role: "Visitor",
+          name: "Emily R.",
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman_1098-12705.jpg",
         },
         {
-          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",
+          name: "Michael C.",
           imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-girlfriends-tasting-wine_23-2149428800.jpg",
         },
         {
-          quote: "A must-visit for anyone passionate about wine. The attention to detail is second to none.",
-          author: "Jessica L.",
-          role: "Food & Wine Critic",
+          name: "Jessica L.",
           imageSrc: "http://img.b2bpic.net/free-photo/hair-finger-person-studio-necktie_1262-2839.jpg",
         },
       ]}