Merge version_3 into main #3
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user