Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -11,7 +11,6 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { ShoppingBag, Truck, Users } from "lucide-react";
 
@@ -33,35 +32,29 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Products", id: "products" },
-        {
+        { name: "About", id: "about" },
-          name: "Products",          id: "products"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="B Mart"
+      brandName="B MART (బి మార్ట్)"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+      title="B MART (బి మార్ట్)"
-      title="Welcome to B Mart - Your Marketplace"
+      description="Smart Shopping • Best Prices • Daily Needs"
-      description="Experience seamless shopping with the widest selection of products at unbeatable prices. Fast, secure, and reliable."
+      tag="Daily Essentials"
-      tag="Trusted Marketplace"
+      buttons={[{ text: "Shop Now", href: "#products" }, { text: "View Offers", href: "#pricing" }]}
       mediaItems={[
-        {
+        { imageSrc: "https://img.freepik.com/free-photo/shopping-cart-full-groceries_23-2148281358.jpg", imageAlt: "B Mart Grocery" },
-          imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-pandemic-lifestyle-concept-man-face-mask-showing-shopping-bag-hand-sanitizer_1258-155401.jpg",          imageAlt: "Product Display"},
+        { imageSrc: "https://img.freepik.com/free-photo/high-angle-arrangement-with-fresh-vegetables-fruits_23-2148784841.jpg", imageAlt: "Fresh Produce" }
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-european-delivery-man-with-bag-casual-hold-phone-pink_343596-3500.jpg",          imageAlt: "Online Shopping"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
-      ratingText="Rated 5 stars by thousands of happy customers."
+      ratingText="Trusted by thousands of families."
     />
   </div>
 
@@ -72,189 +65,106 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Groceries", description: "Fresh farm produce and daily essentials.", imageSrc: "https://img.freepik.com/free-photo/top-view-fresh-vegetables_23-2148671569.jpg", titleImageSrc: "https://img.freepik.com/free-icon/grocery_318-620248.jpg", buttonText: "Shop Now" },
-          title: "Fast Delivery",          description: "Get your orders at your doorstep in record time.",          imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-pin-pointer-mark-location-cardboard-boxes-with-bubble-chat-message-delivery-transportation-logistics-concept-white-background-3d-rendering-illustration_56104-1907.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662971.jpg",          buttonText: "Learn More"},
+        { title: "Snacks & Beverages", description: "Your favorite brands delivered fresh.", imageSrc: "https://img.freepik.com/free-photo/tasty-snacks_23-2148671569.jpg", titleImageSrc: "https://img.freepik.com/free-icon/snacks_318-620248.jpg", buttonText: "Shop Now" },
-        {
+        { title: "Household Items", description: "Quality cleaning and daily utilities.", imageSrc: "https://img.freepik.com/free-photo/cleaning-products_23-2148671569.jpg", titleImageSrc: "https://img.freepik.com/free-icon/house_318-620248.jpg", buttonText: "Shop Now" }
-          title: "Verified Products",          description: "Only authentic goods from trusted merchants.",          imageSrc: "http://img.b2bpic.net/free-vector/shield-with-checkmark-set_78370-9323.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/protection-accessible-permission-verification-security-concept_53876-144425.jpg",          buttonText: "Learn More"},
-        {
-          title: "24/7 Support",          description: "Our experts are here to help whenever you need.",          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-standing-with-mobile-phone-night-street-outdoors-female-caucasian-student-reading-text-messages-her-cell-phone-with-reflected-her-face-screen-light-blank-screen-phone_1391-79.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/ai-using-glass-phone-futuristic-digital-device_53876-129772.jpg",          buttonText: "Learn More"},
       ]}
-      title="Why Choose B Mart?"
+      title="Our Categories"
-      description="We ensure the best shopping experience through fast shipping, verified products, and 24/7 support."
+      description="Everything you need, everyday, in one place."
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardOne
       animationType="slide-up"
-      textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
+      textboxLayout="default"
+      useInvertedBackground={false}
       products={[
-        {
+        { id: "1", name: "Organic Milk", price: "₹60", imageSrc: "https://img.freepik.com/free-photo/glass-milk-fresh-milk-background_114579-2423.jpg" },
-          id: "p1",          name: "Wireless Headset",          price: "$99",          imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg"},
+        { id: "2", name: "Fresh Bread", price: "₹40", imageSrc: "https://img.freepik.com/free-photo/freshly-baked-bread_23-2148784841.jpg" },
-        {
+        { id: "3", name: "Basmati Rice", price: "₹150", imageSrc: "https://img.freepik.com/free-photo/raw-basmati-rice_23-2148784841.jpg" }
-          id: "p2",          name: "Smart Watch Pro",          price: "$149",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-mockup-smartwatch-held-by-person_23-2148226949.jpg"},
-        {
-          id: "p3",          name: "Ultrabook 15\"",          price: "$899",          imageSrc: "http://img.b2bpic.net/free-photo/computer-screens-desk-empty-software-it-agency-office-computers-background-running-programming-code-data-algorithms-neural-network-servers-cloud-computing-data-room_482257-33530.jpg"},
-        {
-          id: "p4",          name: "DSLR Camera",          price: "$1299",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630668.jpg"},
-        {
-          id: "p5",          name: "Soundbar System",          price: "$249",          imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-spray-can-nozzle_23-2147839376.jpg"},
-        {
-          id: "p6",          name: "Tablet 10-inch",          price: "$399",          imageSrc: "http://img.b2bpic.net/free-photo/cassette-tape-cd-earphone-vinyl-record-microphone-speaker-paper-piano-keys-around-digital-tablet-pink-background_23-2147927001.jpg"},
       ]}
-      title="Our Featured Products"
+      title="Top Offers"
-      description="Explore the latest tech, gadgets, and lifestyle products curated just for you."
+      description="Exclusive deals on daily needs."
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricCardThree
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: Users, title: "Customers Served", value: "10k+" },
-          id: "m1",          title: "Company Heritage",          value: "10+ Years",          icon: Users,
+        { id: "m2", icon: ShoppingBag, title: "Quality Guaranteed", value: "100%" },
-        },
+        { id: "m3", icon: Truck, title: "Delivery Speed", value: "30min" },
-        {
-          id: "m2",          title: "Global Presence",          value: "50+ Cities",          icon: ShoppingBag,
-        },
-        {
-          id: "m3",          title: "Customer Trust",          value: "4.9/5",          icon: Truck,
-        },
       ]}
-      title="About B Mart"
+      title="B MART Quality"
-      description="We have been redefining retail since 2014, connecting quality products with value-conscious shoppers."
+      description="Dedicated to providing quality products at affordable prices for everyone."
     />
   </div>
 
   <div id="pricing" data-section="pricing">
       <PricingCardEight
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       plans={[
-        {
+        { id: "p1", badge: "Fresh", price: "₹99", subtitle: "Daily Essentials Bundle", buttons: [{ text: "Get Deal" }], features: ["Fresh Veggies", "Dairy", "Snacks"] }
-          id: "basic",          badge: "Essential",          price: "$0",          subtitle: "Free access to standard products",          buttons: [
-            {
-              text: "Start Shopping"},
-          ],
-          features: [
-            "Standard Shipping",            "Standard Support"],
-        },
-        {
-          id: "pro",          badge: "Plus Member",          price: "$99",          subtitle: "Get free shipping and early deals",          buttons: [
-            {
-              text: "Upgrade Now"},
-          ],
-          features: [
-            "Free Express Shipping",            "Exclusive Deals",            "Priority Support"],
-        },
       ]}
-      title="Membership Plans"
+      title="Weekly Offers"
-      description="Join our B Mart Plus program for exclusive benefits."
+      description="Save more with our curated weekly bundles."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
       animationType="slide-up"
+      gridVariant="three-columns-all-equal-width"
       textboxLayout="default"
-      gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Ravi K", role: "Customer", company: "Happy Shopper", rating: 5, imageSrc: "https://img.freepik.com/free-photo/man-smiling_23-2148784841.jpg" }
-          id: "1",          name: "Aarav Mehta",          role: "Verified Customer",          company: "B Mart Member",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"},
-        {
-          id: "2",          name: "Priya Sharma",          role: "Verified Customer",          company: "B Mart Member",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336840.jpg"},
-        {
-          id: "3",          name: "Vikram Singh",          role: "Verified Customer",          company: "B Mart Member",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-curly-hair-studio-with-curtains-portrait-lilac-tones-pastel-tones-clothes-spring-mood_633478-2214.jpg"},
       ]}
       title="Customer Reviews"
-      description="Hear from our community about their seamless shopping experience."
+      description="What our B Mart family says."
-    />
-  </div>
-
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Microsoft",        "Google",        "Amazon",        "Apple",        "Samsung",        "Nike",        "Sony"]}
-      title="Trusted Partners"
-      description="Working with the top global brands."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitText
-      useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Do you deliver daily?", content: "Yes, we deliver 7 days a week." },
-          id: "f1",          title: "How do I return a product?",          content: "You can return products via our portal within 7 days of delivery."},
+        { id: "f2", title: "Is there a minimum order?", content: "Minimum order for free delivery is ₹200." }
-        {
-          id: "f2",          title: "Is my payment secure?",          content: "Absolutely, we use state-of-the-art encryption for all transactions."},
-        {
-          id: "f3",          title: "Can I track my order?",          content: "Yes, once shipped, you will receive a tracking link via email."},
       ]}
-      sideTitle="Got Questions?"
+      sideTitle="FAQ"
-      sideDescription="Find answers to our most common shopping inquiries."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={true}
+      title="Get in touch"
-      title="Customer Support"
+      description="Reach out to us for any queries or feedback."
-      description="Need assistance with an order or account? Our support team is available 24/7."
+      useInvertedBackground={false}
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "How can we help?" }}
-        name: "message",        placeholder: "Describe your support issue..."}}
-      imageSrc="http://img.b2bpic.net/free-photo/office-workplace-with-computer-pc_53876-47087.jpg"
-      mediaPosition="right"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/3d-techno-purple-background-with-flowing-dots_1048-11161.jpg"
+      logoText="B MART (బి మార్ట్)"
-      logoText="B Mart"
+      videoSrc="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
-      columns={[
+      columns={[{ title: "Store", items: [{ label: "Categories", href: "#features" }, { label: "Offers", href: "#pricing" }] }]}
-        {
-          title: "Store Links",          items: [
-            { label: "Shop All", href: "#products" },
-            { label: "Plus Membership", href: "#pricing" },
-          ],
-        },
-        {
-          title: "Legal & Policy",          items: [
-            { label: "Privacy Policy", href: "#" },
-            { label: "Terms of Service", href: "#" },
-          ],
-        },
-        {
-          title: "Support",          items: [
-            { label: "Help Center", href: "#faq" },
-            { label: "Contact Support", href: "#contact" },
-          ],
-        },
-      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #ffffff;
   --card: #f9f9f9;
   --foreground: #000612e6;
-  --primary-cta: #106EFB;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
   --secondary-cta-text: #000612e6;
   --accent: #e2e2e2;
-  --background-accent: #106EFB;
+  --background-accent: #15479c;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);