Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -31,39 +31,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Products", id: "#products" },
+        { name: "Contact", id: "#contact" },
       ]}
-      brandName="VendSmart"
+      brandName="VNDR"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogo
-      logoText="VendSmart"
-      description="Revolutionizing workplace nourishment with AI-powered, contactless smart vending machines. Modern, efficient, and always stocked."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-using-metro-card-travel-with-subway-city_23-2149491320.jpg?_wi=1"
-      imageAlt="Smart vending machine in modern office"
+      logoText="VNDR"
+      description="Next-generation smart vending for the modern workplace. Experience the future of automated, AI-driven retail."
+      buttons={[{ text: "Get Started", href: "#contact" }]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-dr7mf9yr.png?_wi=1"
+      imageAlt="VNDR Smart Vending Solution"
       showDimOverlay={true}
     />
   </div>
@@ -71,10 +54,10 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="Innovation at the Point of Sale"
-      description="VendSmart bridges the gap between traditional vending and modern convenience. Our AI-driven inventory management ensures your favorite products are always available, providing a seamless, touchless experience for your employees."
-      imageSrc="http://img.b2bpic.net/free-photo/young-person-traveling-through-japan_23-2149287968.jpg?_wi=1"
-      imageAlt="Smart vending technology closeup"
+      title="Redefining Convenience"
+      description="VNDR brings intelligence to your breakroom. Our connected machines provide automated stock management, secure contactless payments, and detailed analytics to serve your team better."
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-rdx4lg3z.png?_wi=1"
+      imageAlt="VNDR Kiosk Interface"
     />
   </div>
 
@@ -83,49 +66,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          tag: "AI",
-          title: "Real-time Inventory",
-          subtitle: "Always Stocked",
-          description: "Our AI tracks sales and predicts restock needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-bank-atm-with-mask_23-2148630870.jpg",
-          imageAlt: "Side view woman at bank atm with mask",
-        },
-        {
-          tag: "Fast",
-          title: "Contactless Pay",
-          subtitle: "Seamless Tech",
-          description: "Support for all mobile payment platforms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-metro-card-travel-with-subway-city_23-2149491320.jpg?_wi=2",
-          imageAlt: "Side view woman at bank atm with mask",
-        },
-        {
-          tag: "Eco",
-          title: "Energy Efficient",
-          subtitle: "Sustainability",
-          description: "Optimized cooling and power saving modes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-person-traveling-through-japan_23-2149287968.jpg?_wi=2",
-          imageAlt: "Side view woman at bank atm with mask",
-        },
-        {
-          tag: "Data",
-          title: "Predictive Analytics",
-          subtitle: "Smart Insights",
-          description: "Granular data on consumption patterns to refine your office snacks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-woman-standing-showcase-cafeteria_171337-12943.jpg?_wi=1",
-          imageAlt: "Side view woman at bank atm with mask",
-        },
-        {
-          tag: "Cloud",
-          title: "Remote Management",
-          subtitle: "Control Anywhere",
-          description: "Monitor machine health and stock from any device.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281738.jpg?_wi=1",
-          imageAlt: "Side view woman at bank atm with mask",
-        },
+        { tag: "AI", title: "Predictive Refill", subtitle: "Always Stocked", description: "Automated stock replenishment alerts to prevent outages.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-dr7mf9yr.png?_wi=2" },
+        { tag: "Pay", title: "Contactless Ready", subtitle: "Frictionless", description: "Native support for NFC and mobile payment wallets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-rdx4lg3z.png?_wi=2" }
       ]}
-      title="Smart Features Built for Growth"
-      description="Packed with advanced technology, our vending machines provide an unmatched user experience."
+      title="Engineered for Efficiency"
+      description="VNDR hardware is built to be smart, sustainable, and reliable."
     />
   </div>
 
@@ -136,85 +81,22 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Healthy Nut Mix",
-          price: "$3.50",
-          variant: "Snack",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-woman-standing-showcase-cafeteria_171337-12943.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Cold Press Juice",
-          price: "$5.00",
-          variant: "Drink",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281738.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Protein Bar",
-          price: "$3.00",
-          variant: "Snack",
-          imageSrc: "http://img.b2bpic.net/free-photo/cereal-shopping-basket_53876-63243.jpg",
-        },
-        {
-          id: "4",
-          name: "Veggie Chips",
-          price: "$2.75",
-          variant: "Snack",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-mask-taking-products-from-fridge_23-2148480573.jpg",
-        },
-        {
-          id: "5",
-          name: "Sparkling Water",
-          price: "$2.50",
-          variant: "Drink",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-vacation-smiling-happy-confident-standing-deck-ship-with-smile-drinking-coffee-face-doing-cruise_839833-5956.jpg",
-        },
-        {
-          id: "6",
-          name: "Organic Energy Bar",
-          price: "$3.25",
-          variant: "Snack",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-young-lady-standing-cafe-while-choosing-dessert_171337-15404.jpg",
-        },
+        { id: "1", name: "Premium Snacks", price: "$2.50", variant: "Snack", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-dr7mf9yr.png?_wi=3" },
+        { id: "2", name: "Smart Energy", price: "$3.00", variant: "Drink", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-rdx4lg3z.png?_wi=3" }
       ]}
-      title="Curated Snack Solutions"
-      description="Choose from a premium selection of snacks and beverages designed for high performance."
+      title="Curated Selections"
+      description="We partner with premium brands to deliver high-quality refreshments."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={false}
-      title="Performance at Scale"
-      tag="Trusted Metrics"
+      title="Operating Excellence"
+      tag="VNDR Performance"
       metrics={[
-        {
-          id: "m1",
-          value: "99.8%",
-          description: "Uptime Reliability",
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          description: "Daily Transactions",
-        },
-        {
-          id: "m3",
-          value: "120+",
-          description: "Office Locations",
-        },
-        {
-          id: "m4",
-          value: "95%",
-          description: "User Satisfaction",
-        },
-        {
-          id: "m5",
-          value: "24/7",
-          description: "Support Availability",
-        },
+        { id: "m1", value: "99%", description: "Uptime" },
+        { id: "m2", value: "500+", description: "Locations" }
       ]}
       metricsAnimation="slide-up"
     />
@@ -223,33 +105,12 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonial="VendSmart transformed our office breakroom! The restocking is seamless and employees love the healthy options."
+      testimonial="VNDR has streamlined our office breakroom completely. Employees love the seamless experience!"
       rating={5}
-      author="Sarah Johnson"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-          alt: "Sarah Johnson",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-tablet-does-project_1296-725.jpg",
-          alt: "Mark Davis",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-          alt: "Elena Rodriguez",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
-          alt: "James Wu",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-cheerful-co-workers_1098-3445.jpg",
-          alt: "Linda Chen",
-        },
-      ]}
+      author="Operations Lead, TechCorp"
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
+      avatars={[]}
     />
   </div>
 
@@ -258,34 +119,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "How do you manage stock?",
-          content: "Our AI technology monitors stock levels in real-time.",
-        },
-        {
-          id: "f2",
-          title: "Is installation free?",
-          content: "Installation is complimentary for all long-term contracts.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer customization?",
-          content: "Yes, we curate snacks based on your office preferences.",
-        },
-        {
-          id: "f4",
-          title: "How is technical support handled?",
-          content: "Our support team provides remote diagnostics and 24/7 assistance.",
-        },
-        {
-          id: "f5",
-          title: "Is the hardware secure?",
-          content: "Yes, all machines are equipped with secure locking and surveillance.",
-        },
+        { id: "f1", title: "Does it require WiFi?", content: "Yes, our machines operate best with a dedicated secure network connection." }
       ]}
-      title="Frequently Asked Questions"
-      description="Find answers to common questions about our smart vending solutions."
+      title="Questions about VNDR?"
+      description="We have the answers you need to get started."
       faqsAnimation="slide-up"
     />
   </div>
@@ -293,65 +130,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Ready to Transform Your Breakroom?"
-      description="Contact us today for a free trial or customized quote for your office."
+      title="Let's Talk Vending"
+      description="Fill out the form below and our team will get back to you with a customized setup plan."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-        },
-        {
-          name: "company",
-          type: "text",
-          placeholder: "Company Name",
-        },
+        { name: "name", type: "text", placeholder: "Name" },
+        { name: "email", type: "email", placeholder: "Email" }
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your needs...",
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/young-person-traveling-through-japan_23-2149287968.jpg?_wi=3"
-      imageAlt="Smart vending kiosk installation"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-dr7mf9yr.png?_wi=4"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
-      logoText="VendSmart"
+      logoText="VNDR"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }] },
+        { title: "Company", items: [{ label: "Contact", href: "#contact" }] }
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f8f5ffe6;
-  --primary-cta: #c89bff;
+  --background: #fbfbfb;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #1c3d5a;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #f1f5f9;
   --secondary-cta-text: #f8f5ffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #3b82f6;
+  --background-accent: #e2e8f0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);