Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -20,8 +20,7 @@ export default function AboutPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "/" },
         { label: "Pricing", href: "/pricing" },
         { label: "Security", href: "#" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About", href: "/about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Community", href: "#" },
@@ -47,8 +44,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -83,24 +79,16 @@ export default function AboutPage() {
           tagAnimation="slide-up"
           bulletPoints={[
             {
-              title: "Natural Conversations",
-              description: "Uses advanced natural language processing to understand context, nuance, and intent—not just keywords. Responses feel human-like and genuinely helpful.",
-              icon: MessageSquare,
+              title: "Natural Conversations",              description: "Uses advanced natural language processing to understand context, nuance, and intent—not just keywords. Responses feel human-like and genuinely helpful.",              icon: MessageSquare,
             },
             {
-              title: "Personality Customization",
-              description: "Adjust tone from casual to formal, add humor, or make it strictly professional. Your AI assistant reflects your brand voice perfectly.",
-              icon: Users,
+              title: "Personality Customization",              description: "Adjust tone from casual to formal, add humor, or make it strictly professional. Your AI assistant reflects your brand voice perfectly.",              icon: Users,
             },
             {
-              title: "Enterprise Security",
-              description: "Bank-level encryption, compliance with GDPR, HIPAA, and SOC 2. Your data stays yours. Always.",
-              icon: Shield,
+              title: "Enterprise Security",              description: "Bank-level encryption, compliance with GDPR, HIPAA, and SOC 2. Your data stays yours. Always.",              icon: Shield,
             },
             {
-              title: "Real-Time Learning",
-              description: "Our AI learns from each interaction, getting smarter and more aligned with your needs over time. Continuous improvement, zero manual training.",
-              icon: Brain,
+              title: "Real-Time Learning",              description: "Our AI learns from each interaction, getting smarter and more aligned with your needs over time. Continuous improvement, zero manual training.",              icon: Brain,
             },
           ]}
           buttons={[{ text: "Learn More", href: "/about" }]}
@@ -121,37 +109,16 @@ export default function AboutPage() {
           description="Every feature in HumanAI is designed to make AI assistance feel natural, intuitive, and genuinely helpful. From personality to integration, we've got you covered."
           features={[
             {
-              id: "natural-language",
-              label: "Communication",
-              title: "Natural Language Understanding",
-              items: [
-                "Comprehends slang, idioms, and context",
-                "Understands tone and emotional nuance",
-                "Responds with appropriate formality levels",
-                "Handles multi-turn conversations seamlessly",
-              ],
+              id: "natural-language",              label: "Communication",              title: "Natural Language Understanding",              items: [
+                "Comprehends slang, idioms, and context",                "Understands tone and emotional nuance",                "Responds with appropriate formality levels",                "Handles multi-turn conversations seamlessly"],
             },
             {
-              id: "personality",
-              label: "Customization",
-              title: "AI Personality & Tone Control",
-              items: [
-                "Adjust from casual friend to formal consultant",
-                "Add humor or remove it entirely",
-                "Match your brand voice perfectly",
-                "Per-conversation personality overrides",
-              ],
+              id: "personality",              label: "Customization",              title: "AI Personality & Tone Control",              items: [
+                "Adjust from casual friend to formal consultant",                "Add humor or remove it entirely",                "Match your brand voice perfectly",                "Per-conversation personality overrides"],
             },
             {
-              id: "integration",
-              label: "Integration",
-              title: "Seamless Platform Integration",
-              items: [
-                "Works with Slack, Teams, and WhatsApp",
-                "CRM integration with Salesforce and HubSpot",
-                "API access for custom integrations",
-                "Webhook support for real-time data sync",
-              ],
+              id: "integration",              label: "Integration",              title: "Seamless Platform Integration",              items: [
+                "Works with Slack, Teams, and WhatsApp",                "CRM integration with Salesforce and HubSpot",                "API access for custom integrations",                "Webhook support for real-time data sync"],
             },
           ]}
           animationType="slide-up"
@@ -170,29 +137,14 @@ export default function AboutPage() {
           description="Real feedback from teams who've transformed their operations with HumanAI. Hear directly from customers experiencing the human touch of intelligent automation."
           testimonials={[
             {
-              id: "1",
-              name: "Sarah Chen",
-              role: "Customer Success Director",
-              company: "TechFlow Inc",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-business-exec-1773777335156-c5a4a15a.png?_wi=2",
-            },
+              id: "1",              name: "Sarah Chen",              role: "Customer Success Director",              company: "TechFlow Inc",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-business-exec-1773777335156-c5a4a15a.png?_wi=2"},
             {
-              id: "2",
-              name: "Michael Rodriguez",
-              role: "CTO",
-              company: "InnovateLab",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-tech-entrepre-1773777335975-012c8058.png?_wi=2",
-            },
+              id: "2",              name: "Michael Rodriguez",              role: "CTO",              company: "InnovateLab",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-tech-entrepre-1773777335975-012c8058.png?_wi=2"},
             {
-              id: "3",
-              name: "Emily Patterson",
-              role: "Marketing Manager",
-              company: "GrowthScale",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-marketing-dir-1773777334839-936d0f46.png?_wi=2",
-            },
+              id: "3",              name: "Emily Patterson",              role: "Marketing Manager",              company: "GrowthScale",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-marketing-dir-1773777334839-936d0f46.png?_wi=2"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"

src/app/contact/page.tsx

@@ -19,8 +19,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "/" },
         { label: "Pricing", href: "/pricing" },
         { label: "Security", href: "#" },
@@ -28,8 +27,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About", href: "/about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
@@ -37,8 +35,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Community", href: "#" },
@@ -46,8 +43,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -82,24 +78,16 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           bulletPoints={[
             {
-              title: "Sales & Pricing",
-              description: "Questions about plans, features, or enterprise pricing? Our sales team responds within 2 hours.",
-              icon: Mail,
+              title: "Sales & Pricing",              description: "Questions about plans, features, or enterprise pricing? Our sales team responds within 2 hours.",              icon: Mail,
             },
             {
-              title: "Technical Support",
-              description: "Need implementation help or API documentation? Our technical team provides 24/7 support for all customers.",
-              icon: Phone,
+              title: "Technical Support",              description: "Need implementation help or API documentation? Our technical team provides 24/7 support for all customers.",              icon: Phone,
             },
             {
-              title: "Partnership Inquiries",
-              description: "Interested in becoming a HumanAI partner or reseller? Let's explore opportunities together.",
-              icon: MessageSquare,
+              title: "Partnership Inquiries",              description: "Interested in becoming a HumanAI partner or reseller? Let's explore opportunities together.",              icon: MessageSquare,
             },
             {
-              title: "General Inquiries",
-              description: "Have feedback, press inquiries, or other questions? We'd love to hear from you anytime.",
-              icon: Mail,
+              title: "General Inquiries",              description: "Have feedback, press inquiries, or other questions? We'd love to hear from you anytime.",              icon: Mail,
             },
           ]}
           buttons={[{ text: "Email Us", href: "mailto:hello@humanai.app" }]}
@@ -120,35 +108,17 @@ export default function ContactPage() {
           sideDescription="Can't find the answer you're looking for? Contact our support team directly—we're always happy to help with any questions about HumanAI implementation and support."
           faqs={[
             {
-              id: "1",
-              title: "How do I get started with HumanAI?",
-              content: "Getting started is easy! Sign up for our free trial (no credit card required), explore our platform for 30 days with 100 free conversations, and experience how HumanAI can transform your customer engagement. When you're ready to scale, upgrade to a plan that fits your needs.",
-            },
+              id: "1",              title: "How do I get started with HumanAI?",              content: "Getting started is easy! Sign up for our free trial (no credit card required), explore our platform for 30 days with 100 free conversations, and experience how HumanAI can transform your customer engagement. When you're ready to scale, upgrade to a plan that fits your needs."},
             {
-              id: "2",
-              title: "What support options are available?",
-              content: "We offer 24/7 email support for all customers, live chat support for Pro and Enterprise plans, and dedicated account managers for Enterprise customers. Our support team averages response times under 30 minutes for critical issues.",
-            },
+              id: "2",              title: "What support options are available?",              content: "We offer 24/7 email support for all customers, live chat support for Pro and Enterprise plans, and dedicated account managers for Enterprise customers. Our support team averages response times under 30 minutes for critical issues."},
             {
-              id: "3",
-              title: "Can HumanAI integrate with our existing systems?",
-              content: "Absolutely! HumanAI integrates with 50+ platforms including Slack, Microsoft Teams, Salesforce, HubSpot, Zendesk, and more. We also provide comprehensive REST APIs and webhooks for custom integrations. Our technical team can guide you through the implementation process.",
-            },
+              id: "3",              title: "Can HumanAI integrate with our existing systems?",              content: "Absolutely! HumanAI integrates with 50+ platforms including Slack, Microsoft Teams, Salesforce, HubSpot, Zendesk, and more. We also provide comprehensive REST APIs and webhooks for custom integrations. Our technical team can guide you through the implementation process."},
             {
-              id: "4",
-              title: "How is data security handled?",
-              content: "Data security is our top priority. We use end-to-end encryption for all conversations, maintain SOC 2 Type II compliance, and support GDPR and HIPAA requirements. You can choose your data residency region (EU, US, or APAC) for complete compliance control.",
-            },
+              id: "4",              title: "How is data security handled?",              content: "Data security is our top priority. We use end-to-end encryption for all conversations, maintain SOC 2 Type II compliance, and support GDPR and HIPAA requirements. You can choose your data residency region (EU, US, or APAC) for complete compliance control."},
             {
-              id: "5",
-              title: "Do you offer custom deployment options?",
-              content: "Yes! Enterprise customers can deploy HumanAI on-premise or in their own cloud environment. We provide full white-label solutions and custom model training to match your specific requirements and brand guidelines.",
-            },
+              id: "5",              title: "Do you offer custom deployment options?",              content: "Yes! Enterprise customers can deploy HumanAI on-premise or in their own cloud environment. We provide full white-label solutions and custom model training to match your specific requirements and brand guidelines."},
             {
-              id: "6",
-              title: "What's your pricing model?",
-              content: "We offer flexible pricing based on conversation volume and features. Starter plans begin at $99/month for small teams, while Enterprise plans are customized based on your needs. All plans include our core AI capabilities, 24/7 support, and integration options.",
-            },
+              id: "6",              title: "What's your pricing model?",              content: "We offer flexible pricing based on conversation volume and features. Starter plans begin at $99/month for small teams, while Enterprise plans are customized based on your needs. All plans include our core AI capabilities, 24/7 support, and integration options."},
           ]}
           faqsAnimation="slide-up"
           textPosition="left"

src/app/page.tsx

@@ -23,8 +23,7 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "/#features" },
         { label: "Pricing", href: "/pricing" },
         { label: "Security", href: "#" },
@@ -32,8 +31,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About", href: "/#about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
@@ -41,8 +39,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Community", href: "#" },
@@ -50,8 +47,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -81,7 +77,7 @@ export default function HomePage() {
         <HeroBillboard
           title="Meet Your AI Assistant That Speaks Your Language"
           description="HumanAI combines intelligent conversational abilities with genuine human-like characteristics. From casual banter to professional consultation—our AI adapts to your communication style while maintaining enterprise-grade reliability."
-          background="gradient-bars"
+          background={{ variant: "gradient-bars" }}
           tag="AI Chatbot Platform"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -114,24 +110,16 @@ export default function HomePage() {
           tagAnimation="slide-up"
           bulletPoints={[
             {
-              title: "Natural Conversations",
-              description: "Uses advanced natural language processing to understand context, nuance, and intent—not just keywords. Responses feel human-like and genuinely helpful.",
-              icon: MessageSquare,
+              title: "Natural Conversations",              description: "Uses advanced natural language processing to understand context, nuance, and intent—not just keywords. Responses feel human-like and genuinely helpful.",              icon: MessageSquare,
             },
             {
-              title: "Personality Customization",
-              description: "Adjust tone from casual to formal, add humor, or make it strictly professional. Your AI assistant reflects your brand voice perfectly.",
-              icon: Users,
+              title: "Personality Customization",              description: "Adjust tone from casual to formal, add humor, or make it strictly professional. Your AI assistant reflects your brand voice perfectly.",              icon: Users,
             },
             {
-              title: "Enterprise Security",
-              description: "Bank-level encryption, compliance with GDPR, HIPAA, and SOC 2. Your data stays yours. Always.",
-              icon: Shield,
+              title: "Enterprise Security",              description: "Bank-level encryption, compliance with GDPR, HIPAA, and SOC 2. Your data stays yours. Always.",              icon: Shield,
             },
             {
-              title: "Real-Time Learning",
-              description: "Our AI learns from each interaction, getting smarter and more aligned with your needs over time. Continuous improvement, zero manual training.",
-              icon: Brain,
+              title: "Real-Time Learning",              description: "Our AI learns from each interaction, getting smarter and more aligned with your needs over time. Continuous improvement, zero manual training.",              icon: Brain,
             },
           ]}
           buttons={[{ text: "Learn More", href: "/#about" }]}
@@ -152,70 +140,28 @@ export default function HomePage() {
           description="Every feature in HumanAI is designed to make AI assistance feel natural, intuitive, and genuinely helpful. From personality to integration, we've got you covered."
           features={[
             {
-              id: "natural-language",
-              label: "Communication",
-              title: "Natural Language Understanding",
-              items: [
-                "Comprehends slang, idioms, and context",
-                "Understands tone and emotional nuance",
-                "Responds with appropriate formality levels",
-                "Handles multi-turn conversations seamlessly",
-              ],
+              id: "natural-language",              label: "Communication",              title: "Natural Language Understanding",              items: [
+                "Comprehends slang, idioms, and context",                "Understands tone and emotional nuance",                "Responds with appropriate formality levels",                "Handles multi-turn conversations seamlessly"],
             },
             {
-              id: "personality",
-              label: "Customization",
-              title: "AI Personality & Tone Control",
-              items: [
-                "Adjust from casual friend to formal consultant",
-                "Add humor or remove it entirely",
-                "Match your brand voice perfectly",
-                "Per-conversation personality overrides",
-              ],
+              id: "personality",              label: "Customization",              title: "AI Personality & Tone Control",              items: [
+                "Adjust from casual friend to formal consultant",                "Add humor or remove it entirely",                "Match your brand voice perfectly",                "Per-conversation personality overrides"],
             },
             {
-              id: "integration",
-              label: "Integration",
-              title: "Seamless Platform Integration",
-              items: [
-                "Works with Slack, Teams, and WhatsApp",
-                "CRM integration with Salesforce and HubSpot",
-                "API access for custom integrations",
-                "Webhook support for real-time data sync",
-              ],
+              id: "integration",              label: "Integration",              title: "Seamless Platform Integration",              items: [
+                "Works with Slack, Teams, and WhatsApp",                "CRM integration with Salesforce and HubSpot",                "API access for custom integrations",                "Webhook support for real-time data sync"],
             },
             {
-              id: "analytics",
-              label: "Intelligence",
-              title: "Advanced Analytics & Insights",
-              items: [
-                "Real-time conversation quality metrics",
-                "Sentiment analysis and user satisfaction tracking",
-                "Conversation heatmaps and usage patterns",
-                "ROI reporting and cost savings calculation",
-              ],
+              id: "analytics",              label: "Intelligence",              title: "Advanced Analytics & Insights",              items: [
+                "Real-time conversation quality metrics",                "Sentiment analysis and user satisfaction tracking",                "Conversation heatmaps and usage patterns",                "ROI reporting and cost savings calculation"],
             },
             {
-              id: "security",
-              label: "Protection",
-              title: "Enterprise-Grade Security",
-              items: [
-                "End-to-end encryption for all conversations",
-                "GDPR, HIPAA, and SOC 2 compliance",
-                "Regular security audits and penetration testing",
-                "Data residency options worldwide",
-              ],
+              id: "security",              label: "Protection",              title: "Enterprise-Grade Security",              items: [
+                "End-to-end encryption for all conversations",                "GDPR, HIPAA, and SOC 2 compliance",                "Regular security audits and penetration testing",                "Data residency options worldwide"],
             },
             {
-              id: "support",
-              label: "Service",
-              title: "24/7 Human Support",
-              items: [
-                "Live chat support with AI experts",
-                "Email and phone support always available",
-                "Dedicated account managers for enterprise",
-                "Community forum with 10,000+ active members",
-              ],
+              id: "support",              label: "Service",              title: "24/7 Human Support",              items: [
+                "Live chat support with AI experts",                "Email and phone support always available",                "Dedicated account managers for enterprise",                "Community forum with 10,000+ active members"],
             },
           ]}
           animationType="slide-up"
@@ -234,23 +180,11 @@ export default function HomePage() {
           description="Real results from real businesses. See how HumanAI is transforming customer engagement and support operations."
           metrics={[
             {
-              id: "users",
-              value: "50K+",
-              title: "Active Users",
-              description: "Teams worldwide using HumanAI daily for support, sales, and engagement",
-            },
+              id: "users",              value: "50K+",              title: "Active Users",              description: "Teams worldwide using HumanAI daily for support, sales, and engagement",              videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/placeholder-video.mp4?_wi=1",              videoAriaLabel: "Active users metric video"},
             {
-              id: "conversations",
-              value: "500M+",
-              title: "Conversations Handled",
-              description: "Natural conversations processed monthly with 99.9% accuracy",
-            },
+              id: "conversations",              value: "500M+",              title: "Conversations Handled",              description: "Natural conversations processed monthly with 99.9% accuracy",              videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/placeholder-video.mp4?_wi=2",              videoAriaLabel: "Conversations metric video"},
             {
-              id: "satisfaction",
-              value: "94%",
-              title: "User Satisfaction",
-              description: "Average satisfaction rating across all customer interactions and feedback",
-            },
+              id: "satisfaction",              value: "94%",              title: "User Satisfaction",              description: "Average satisfaction rating across all customer interactions and feedback",              videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/placeholder-video.mp4?_wi=3",              videoAriaLabel: "Satisfaction metric video"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -268,37 +202,17 @@ export default function HomePage() {
           description="Real feedback from teams who've transformed their operations with HumanAI. Hear directly from customers experiencing the human touch of intelligent automation."
           testimonials={[
             {
-              id: "1",
-              name: "Sarah Chen",
-              role: "Customer Success Director",
-              company: "TechFlow Inc",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-business-exec-1773777335156-c5a4a15a.png?_wi=1",
-            },
+              id: "1",              name: "Sarah Chen",              role: "Customer Success Director",              company: "TechFlow Inc",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-business-exec-1773777335156-c5a4a15a.png?_wi=1"},
             {
-              id: "2",
-              name: "Michael Rodriguez",
-              role: "CTO",
-              company: "InnovateLab",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-tech-entrepre-1773777335975-012c8058.png?_wi=1",
-            },
+              id: "2",              name: "Michael Rodriguez",              role: "CTO",              company: "InnovateLab",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-tech-entrepre-1773777335975-012c8058.png?_wi=1"},
             {
-              id: "3",
-              name: "Emily Patterson",
-              role: "Marketing Manager",
-              company: "GrowthScale",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-marketing-dir-1773777334839-936d0f46.png?_wi=1",
-            },
+              id: "3",              name: "Emily Patterson",              role: "Marketing Manager",              company: "GrowthScale",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-marketing-dir-1773777334839-936d0f46.png?_wi=1"},
             {
-              id: "4",
-              name: "David Kim",
-              role: "Support Lead",
-              company: "ServiceHub",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-customer-succ-1773777334789-20b505eb.png",
-            },
+              id: "4",              name: "David Kim",              role: "Support Lead",              company: "ServiceHub",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5S0QHwENwVzBITT2rWd2o4OJ0/professional-headshot-of-a-customer-succ-1773777334789-20b505eb.png"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -317,35 +231,17 @@ export default function HomePage() {
           sideDescription="We've got answers. Everything you need to know about HumanAI, our pricing, security, and implementation."
           faqs={[
             {
-              id: "1",
-              title: "How is HumanAI different from other chatbots?",
-              content: "HumanAI doesn't just process text—it understands context, emotion, and intent. We combine advanced NLP with customizable personality traits, letting your AI assistant feel genuinely human while maintaining professional reliability. Plus, our slang library and tone adaptation make conversations feel natural, not robotic.",
-            },
+              id: "1",              title: "How is HumanAI different from other chatbots?",              content: "HumanAI doesn't just process text—it understands context, emotion, and intent. We combine advanced NLP with customizable personality traits, letting your AI assistant feel genuinely human while maintaining professional reliability. Plus, our slang library and tone adaptation make conversations feel natural, not robotic."},
             {
-              id: "2",
-              title: "Can I customize the AI's personality and communication style?",
-              content: "Absolutely! You can adjust everything from tone (casual to formal), humor levels, formality, technical depth, and more. Create multiple personality profiles for different use cases or let the AI adapt in real-time based on user preference.",
-            },
+              id: "2",              title: "Can I customize the AI's personality and communication style?",              content: "Absolutely! You can adjust everything from tone (casual to formal), humor levels, formality, technical depth, and more. Create multiple personality profiles for different use cases or let the AI adapt in real-time based on user preference."},
             {
-              id: "3",
-              title: "How secure is my data with HumanAI?",
-              content: "We take security seriously. All conversations are encrypted end-to-end, we're GDPR, HIPAA, and SOC 2 compliant, and we never store personal data without permission. You can choose where your data is stored (EU, US, APAC) for full compliance control.",
-            },
+              id: "3",              title: "How secure is my data with HumanAI?",              content: "We take security seriously. All conversations are encrypted end-to-end, we're GDPR, HIPAA, and SOC 2 compliant, and we never store personal data without permission. You can choose where your data is stored (EU, US, APAC) for full compliance control."},
             {
-              id: "4",
-              title: "What integrations does HumanAI support?",
-              content: "We integrate with 50+ platforms including Slack, Microsoft Teams, WhatsApp, Salesforce, HubSpot, Zendesk, and more. Custom API integrations available for enterprise. Full webhook support for real-time data synchronization.",
-            },
+              id: "4",              title: "What integrations does HumanAI support?",              content: "We integrate with 50+ platforms including Slack, Microsoft Teams, WhatsApp, Salesforce, HubSpot, Zendesk, and more. Custom API integrations available for enterprise. Full webhook support for real-time data synchronization."},
             {
-              id: "5",
-              title: "How long does implementation take?",
-              content: "For standard integrations, you'll be up and running in 24-48 hours. Complex enterprise implementations typically take 1-2 weeks. We provide dedicated onboarding specialists to guide you through the entire process.",
-            },
+              id: "5",              title: "How long does implementation take?",              content: "For standard integrations, you'll be up and running in 24-48 hours. Complex enterprise implementations typically take 1-2 weeks. We provide dedicated onboarding specialists to guide you through the entire process."},
             {
-              id: "6",
-              title: "Is there a free trial available?",
-              content: "Yes! Our free trial gives you 100 conversations and 1 month of full platform access. No credit card required. Upgrade anytime when you're ready for more scale.",
-            },
+              id: "6",              title: "Is there a free trial available?",              content: "Yes! Our free trial gives you 100 conversations and 1 month of full platform access. No credit card required. Upgrade anytime when you're ready for more scale."},
           ]}
           faqsAnimation="slide-up"
           textPosition="left"

src/app/pricing/page.tsx

@@ -19,39 +19,35 @@ export default function PricingPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
-        { label: "Features", href: "/#features" },
+      title: "Product",      items: [
+        { label: "Features", href: "/" },
         { label: "Pricing", href: "/pricing" },
         { label: "Security", href: "#" },
         { label: "Roadmap", href: "#" },
       ],
     },
     {
-      title: "Company",
-      items: [
-        { label: "About", href: "/#about" },
+      title: "Company",      items: [
+        { label: "About", href: "/about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
         { label: "Press", href: "#" },
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Community", href: "#" },
-        { label: "Support", href: "#contact" },
+        { label: "Support", href: "/contact" },
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
-        { label: "Contact", href: "#contact" },
+        { label: "Contact", href: "/contact" },
       ],
     },
   ];
@@ -77,13 +73,13 @@ export default function PricingPage() {
         <HeroBillboard
           title="Pricing Plans Built for Every Stage"
           description="From startups exploring AI to enterprises deploying at scale. Choose the plan that fits your needs, upgrade anytime, and cancel without penalties. No hidden fees. Transparent pricing you can trust."
-          background="gradient-bars"
+          background={{ variant: "gradient-bars" }}
           tag="Flexible & Transparent"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
             { text: "Start Free Trial", href: "#pricing-plans" },
-            { text: "Talk to Sales", href: "#contact" },
+            { text: "Talk to Sales", href: "/contact" },
           ]}
           buttonAnimation="slide-up"
           ariaLabel="Pricing hero section"
@@ -96,45 +92,19 @@ export default function PricingPage() {
           description="All plans include API access, analytics dashboard, and basic support. Upgrade or downgrade anytime with no commitment."
           features={[
             {
-              id: "starter",
-              label: "Starter",
-              title: "$29 / month",
-              items: [
-                "Up to 1,000 conversations/month",
-                "1 AI personality profile",
-                "Basic analytics",
-                "Email support",
-                "Up to 3 team members",
-              ],
+              id: "starter",              label: "Starter",              title: "$29 / month",              items: [
+                "Up to 1,000 conversations/month",                "1 AI personality profile",                "Basic analytics",                "Email support",                "Up to 3 team members"],
               buttons: [{ text: "Get Started", href: "#" }],
             },
             {
-              id: "professional",
-              label: "Professional",
-              title: "$99 / month",
-              items: [
-                "Up to 50,000 conversations/month",
-                "Unlimited personality profiles",
-                "Advanced analytics & insights",
-                "Priority email & chat support",
-                "Up to 10 team members",
-                "Custom integrations",
-              ],
+              id: "professional",              label: "Professional",              title: "$99 / month",              items: [
+                "Up to 50,000 conversations/month",                "Unlimited personality profiles",                "Advanced analytics & insights",                "Priority email & chat support",                "Up to 10 team members",                "Custom integrations"],
               buttons: [{ text: "Get Started", href: "#" }],
             },
             {
-              id: "enterprise",
-              label: "Enterprise",
-              title: "Custom Pricing",
-              items: [
-                "Unlimited conversations",
-                "Dedicated infrastructure",
-                "24/7 phone & chat support",
-                "Unlimited team members",
-                "Custom development & consulting",
-                "SLA guarantees",
-              ],
-              buttons: [{ text: "Contact Sales", href: "#contact" }],
+              id: "enterprise",              label: "Enterprise",              title: "Custom Pricing",              items: [
+                "Unlimited conversations",                "Dedicated infrastructure",                "24/7 phone & chat support",                "Unlimited team members",                "Custom development & consulting",                "SLA guarantees"],
+              buttons: [{ text: "Contact Sales", href: "/contact" }],
             },
           ]}
           animationType="slide-up"
@@ -150,37 +120,16 @@ export default function PricingPage() {
           description="Clear answers to help you choose the right plan and understand what's included."
           features={[
             {
-              id: "billing",
-              label: "Billing",
-              title: "How does billing work?",
-              items: [
-                "We bill monthly on the same date each month",
-                "You can upgrade or downgrade anytime",
-                "Unused balance rolls over to next month",
-                "No setup fees or long-term contracts",
-              ],
+              id: "billing",              label: "Billing",              title: "How does billing work?",              items: [
+                "We bill monthly on the same date each month",                "You can upgrade or downgrade anytime",                "Unused balance rolls over to next month",                "No setup fees or long-term contracts"],
             },
             {
-              id: "scale",
-              label: "Scaling",
-              title: "What happens if I exceed my plan limits?",
-              items: [
-                "We'll notify you when approaching limits",
-                "You can upgrade instantly from dashboard",
-                "Overage charges apply at 5% above plan max",
-                "Optional auto-upgrade prevents service interruption",
-              ],
+              id: "scale",              label: "Scaling",              title: "What happens if I exceed my plan limits?",              items: [
+                "We'll notify you when approaching limits",                "You can upgrade instantly from dashboard",                "Overage charges apply at 5% above plan max",                "Optional auto-upgrade prevents service interruption"],
             },
             {
-              id: "cancel",
-              label: "Cancellation",
-              title: "Can I cancel my subscription?",
-              items: [
-                "Cancel anytime with no penalties",
-                "Receive prorated refund for unused time",
-                "Download all your data before leaving",
-                "30-day email support included post-cancellation",
-              ],
+              id: "cancel",              label: "Cancellation",              title: "Can I cancel my subscription?",              items: [
+                "Cancel anytime with no penalties",                "Receive prorated refund for unused time",                "Download all your data before leaving",                "30-day email support included post-cancellation"],
             },
           ]}
           animationType="slide-up"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --background: #fdf8f3;
+  --card: #fef5ef;
+  --foreground: #3d2817;
+  --primary-cta: #d97f4f;
+  --primary-cta-text: #fdf8f3;
+  --secondary-cta: #fef5ef;
+  --secondary-cta-text: #3d2817;
+  --accent: #f4b896;
+  --background-accent: #e8d1c0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);