From fa3eb884a91b070ab42718e1ff8da655fb0604c3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 18:49:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 51 ++++++++++++++++++++++++------------------------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5d3e98b..b346ddd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,13 +10,14 @@ import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Bot, ShoppingBag, Store, Zap, Sparkles, MessageSquare, CreditCard, HelpCircle, Mail, Settings, Shield, BarChart3, Clock, Layers, Star } from "lucide-react";
+import { Bot, Sparkles, Layers, Clock, Star, MessageSquare } from "lucide-react";
 
 export default function ShopAIAgentPage() {
     const navItems = [
         { name: "Capabilities", id: "features" },
         { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" },
+        { name: "Agent Chat", id: "agent-chat" }
     ];
 
     const testimonials = [
@@ -34,36 +35,36 @@ export default function ShopAIAgentPage() {
     return (
         <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
             <div id="nav" data-section="nav">
-                <NavbarStyleFullscreen navItems={navItems} brandName="ShopMind" />
+                <NavbarStyleFullscreen navItems={navItems} brandName="LuxDrip AI" />
             </div>
             <HeroLogoBillboard
-                logoText="Shop Intelligence"
-                description="Automate customer support, inventory queries, and personalized product recommendations with an AI agent tailored for your store."
-                buttons={[{ text: "Build My Agent", href: "#" }]}
+                logoText="LuxDrip AI Agent"
+                description="The ultimate AI fashion assistant for luxury e-commerce. Automate styling advice, sizing checks, and sales conversions 24/7."
+                buttons={[{ text: "Launch Agent", href: "#" }, { text: "See Demo", href: "#" }]}
                 background={{ variant: "canvas-reveal" }}
                 mediaAnimation="slide-up"
             />
             <div id="features" data-section="features">
                 <FeatureCardMedia
                     animationType="slide-up"
-                    tag="Key Benefits"
-                    tagIcon={Sparkles}
-                    title="Designed to Boost Sales"
-                    description="Deploy an AI agent that works 24/7 to turn browsing visitors into loyal customers."
+                    tag="AI Agent Capabilities"
+                    tagIcon={Bot}
+                    title="Your Shop's New Digital Stylist"
+                    description="Meet the AI agent built to understand the luxury fashion retail experience."
                     textboxLayout="default"
                     useInvertedBackground={false}
                     features={[
-                        { id: "f1", title: "Instant Answers", description: "Automate responses to shipping, sizing, and product queries instantly.", tag: "Efficiency" },
-                        { id: "f2", title: "Smart Upselling", description: "Recommend complementary items based on real-time inventory and trends.", tag: "Growth" },
-                        { id: "f3", title: "Always Active", description: "Support your customers across time zones 24/7 without extra hiring costs.", tag: "Reliability" },
-                        { id: "f4", title: "Store Security", description: "Securely verify orders and manage returns through your existing backend.", tag: "Security" }
+                        { id: "f1", title: "Virtual Styling", description: "Recommend shoes based on outfit trends and personal style history.", tag: "Personalization" },
+                        { id: "f2", title: "Sizing Intelligence", description: "Precise measurements and brand-specific fit advice to minimize returns.", tag: "Accuracy" },
+                        { id: "f3", title: "Inventory Flow", description: "Instant updates on availability and back-in-stock alerts for limited editions.", tag: "Operations" },
+                        { id: "f4", title: "Fashion Context", description: "Understands material care, heel height, and seasonal suitability for luxury footwear.", tag: "Expertise" }
                     ]}
                 />
             </div>
             <div id="about" data-section="about">
                 <AboutMetric
-                    title="Scalable Retail Support"
-                    metrics={[{ icon: Layers, label: "Reduced Tickets", value: "70%" }, { icon: Clock, label: "Faster Service", value: "5x" }]}
+                    title="Performance Metrics"
+                    metrics={[{ icon: Layers, label: "Return Reduction", value: "40%" }, { icon: Clock, label: "Response Time", value: "<2s" }]} 
                     metricsAnimation="slide-up"
                     useInvertedBackground={false}
                 />
@@ -73,8 +74,8 @@ export default function ShopAIAgentPage() {
                     testimonials={testimonials}
                     showRating={true}
                     animationType="slide-up"
-                    title="Retailers Love ShopMind"
-                    description="See how growing e-commerce brands are using our agent technology to scale their operations."
+                    title="Trusted by Drip Merchants"
+                    description="Discover why premium sneaker boutiques and luxury shoe brands choose our AI agent to enhance their storefronts."
                     textboxLayout="default"
                     useInvertedBackground={false}
                 />
@@ -83,32 +84,32 @@ export default function ShopAIAgentPage() {
                 <PricingCardNine
                     plans={pricingPlans}
                     animationType="slide-up"
-                    title="Transparent Pricing for Stores"
-                    description="Choose the plan that fits your current store size and scale as you grow."
+                    title="Scale Your Shop"
+                    description="Choose an agent tier that grows with your boutique’s traffic."
                     textboxLayout="default"
                     useInvertedBackground={false}
                 />
             </div>
             <div id="faq" data-section="faq">
                 <FaqSplitText
-                    faqs={[{ id: "1", title: "Does it work with my store?", content: "Yes! We support Shopify, BigCommerce, WooCommerce, and custom web stores." }, { id: "2", title: "Is it hard to set up?", content: "Not at all. Plug in your store credentials and your AI agent is ready to learn your inventory." }]} 
-                    sideTitle="Got Questions?"
-                    sideDescription="Here are the most common questions from store owners."
+                    faqs={[{ id: "1", title: "Does the AI learn my brand voice?", content: "Yes, our AI agent can be tuned to match the tone of your luxury brand to ensure a consistent experience." }, { id: "2", title: "Is it compatible with Shopify?", content: "Our agent integrates seamlessly with Shopify, ensuring product data is always accurate and up-to-date." }]} 
+                    sideTitle="FAQ"
+                    sideDescription="Answers to the most common questions from store owners like you."
                     faqsAnimation="slide-up"
                     useInvertedBackground={false}
                 />
             </div>
             <div id="contact" data-section="contact">
                 <ContactText
-                    text="Ready to Automate Your Store? Start your 14-day free trial and give your customers the support they deserve."
-                    buttons={[{ text: "Deploy My Agent", href: "#" }]}
+                    text="Ready to supercharge your shop? Integrate the LuxDrip AI agent today."
+                    buttons={[{ text: "Talk to Sales", href: "#" }]}
                     background={{ variant: "canvas-reveal" }}
                     useInvertedBackground={false}
                 />
             </div>
             <div id="footer" data-section="footer">
                 <FooterCard
-                    logoText="ShopMind"
+                    logoText="LuxDrip AI"
                 />
             </div>
         </ThemeProvider>
-- 
2.49.1