(　′∀`)σ≡σ☆))Д′)ﾚ(ﾟ∀ﾟ;)ﾍ=З=З=Зε≡(ノ´＿ゝ｀）ノ HEX
HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux mail.thebrand.ai 6.8.0-107-generic #107-Ubuntu SMP PREEMPT_DYNAMIC Fri Mar 13 19:51:50 UTC 2026 x86_64
User: www-data (33)
PHP: 8.3.6
Disabled: NONE
$ pwd: /var/www/html/tmpr/../tmpr/../tmpr/../tmpr/../tmpr/../tmpr/../index/
Upload Files
File: /var/www/html/tmpr/..//tmpr/../tmpr/..//tmpr/../tmpr/../tmpr/..//index/constants.tsx
import React from 'react';

export const FEATURES_PRIMARY = [
  {
    title: 'Bring Your Brand to Life with Brand Creator',
    description: 'Quickly and effortlessly create a powerful, professional brand identity and logos that stand out and drive business growth.',
    link: 'https://www.thebrand.ai/brandcreator/index',
    buttonText: 'Explore Brand Creator',
    imageUrl: 'https://picsum.photos/seed/design-assets/800/600',
    bgColor: '#1E003B', // Deep Purple/Indigo
  },
  {
    title: 'Revolutionize Your Brand with AI Insights',
    description: 'Supercharge your brand with intelligent solutions, design, and big data to drive growth, engagement, and measurable success.',
    link: 'https://www.thebrand.ai/insights/',
    buttonText: 'Explore Insights',
    imageUrl: 'https://picsum.photos/seed/data-viz/800/600',
    bgColor: '#003D5B', // Dark Cyan/Blue
  },
  {
    title: 'Build a Website Easily with Brand Sites',
    description: 'Choose from over 100 amazing templates to build a stunning website that empowers your brand to stand out.',
    link: 'https://www.thebrand.ai/sites/index',
    buttonText: 'Explore Brand Sites',
    imageUrl: 'https://picsum.photos/seed/web-design/800/600',
    bgColor: '#004C4C', // Dark Teal
  },
];

export const FEATURES_SECONDARY = [
  {
    title: 'Meet the Visual Suite',
    description: 'Your entire workflow in one place. From bespoke designs and insightful blogs to tailored strategies—all powered by AI.',
    link: 'https://www.thebrand.ai/insights/dashboard?feature=brandtoolkit',
    buttonText: 'Explore Visual Suite',
    imageUrl: 'https://picsum.photos/seed/brand-suite/1200/800',
    bgColor: '#3D004F', // Dark Magenta/Purple
    size: 'large' as const,
  },
  {
    title: 'Present with impact',
    description: 'Reimagine presentations with cinematic visuals, smart collaboration, and AI-powered tools.',
    link: 'https://www.thebrand.ai/i/designs',
    buttonText: 'Try Presentations',
    imageUrl: 'https://picsum.photos/seed/impact-pres/1200/800',
    bgColor: '#005F58', // Deep Teal/Green
    size: 'large' as const,
  },
];

export const FEATURES_TERTIARY = [
  {
    title: 'Define your Brand Identity',
    description: 'A central hub to build, manage, and evolve your unique brand identity as you scale.',
    link: 'https://www.thebrand.ai/i/account/build_brand',
    buttonText: 'Build My Brand',
    imageUrl: 'https://picsum.photos/seed/brand-guide/800/600',
    bgColor: '#1A237E', // Dark Indigo
  },
  {
    title: 'End-to-end platform for large organizations',
    description: 'Scale brand consistency with enterprise-grade tools, security, and support for large organizations.',
    link: '#',
    buttonText: 'Explore Enterprise',
    imageUrl: 'https://picsum.photos/seed/corporate-dash/800/600',
    bgColor: '#00263E', // Very Dark Blue
  },
  {
    title: 'Unlock Growth with Insight Journeys',
    description: 'Explore expert-led journeys to transform your startup\'s growth, overcome challenges, and achieve success.',
    link: 'https://www.thebrand.ai/insights/dashboard?feature=browsejourneys',
    buttonText: 'Discover Your Path',
    imageUrl: 'https://picsum.photos/seed/growth-path/800/600',
    bgColor: '#01579B', // Light Blue
  },
];

const CostIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" className="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
    <path strokeLinecap="round" strokeLinejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 10v-1m-5.293-6.293l-.707.707M17.293 7.707l.707-.707M5.707 16.293l.707.707M16.586 17H19a2 2 0 002-2V9a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2.414" />
  </svg>
);

const TimeIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" className="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
    <path strokeLinecap="round" strokeLinejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
  </svg>
);

const ToolsIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" className="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
    <path strokeLinecap="round" strokeLinejoin="round" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" />
  </svg>
);


export const PROBLEM_CARDS = [
  {
    icon: <CostIcon />,
    title: 'Agency-Level Budgets',
    description: 'SMEs and governments need top-tier strategy but lack the budget for expensive agencies.'
  },
  {
    icon: <TimeIcon />,
    title: 'Months of Guesswork',
    description: 'Founders and marketers waste precious time guessing their next move instead of acting on clear insights.'
  },
  {
    icon: <ToolsIcon />,
    title: 'Juggling a Dozen Tools',
    description: 'Creatives juggle multiple, disconnected tools to create a single campaign, with none of them talking to each other.'
  }
];

const SmeIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" className="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
    <path strokeLinecap="round" strokeLinejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0v-4m0 4h5m0 0v-4m0 4h5m-5-4v-5h5v5h-5z" />
  </svg>
);
const GovernmentIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" className="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
    <path strokeLinecap="round" strokeLinejoin="round" d="M12 21l-2-2m2 2l2-2m2 2l2-2M5 15l-2-2m2 2l2-2m2 2l2-2m2 2l2-2M5 21v-6a2 2 0 012-2h10a2 2 0 012 2v6" /> <path strokeLinecap="round" strokeLinejoin="round" d="M3 21h18M5 10l7-7 7 7" />
  </svg>
);
const StartupIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" className="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
    <path strokeLinecap="round" strokeLinejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
  </svg>
);
const MarketerIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" className="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
    <path strokeLinecap="round" strokeLinejoin="round" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
    <path strokeLinecap="round" strokeLinejoin="round" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
  </svg>
);
const CorporateIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" className="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
    <path strokeLinecap="round" strokeLinejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0v-4m0 4h5m0 0v-4m0 4h5m-5-4V5h5v7h-5z" />
  </svg>
);

export const TARGET_MARKETS = [
  { icon: <SmeIcon />, name: 'SMEs' },
  { icon: <GovernmentIcon />, name: 'Governments' },
  { icon: <StartupIcon />, name: 'Startups' },
  { icon: <MarketerIcon />, name: 'Marketers' },
  { icon: <CorporateIcon />, name: 'Corporations' },
];


// Social Icons
export const FacebookIcon = () => (
  <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
    <path fillRule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clipRule="evenodd" />
  </svg>
);

export const TwitterIcon = () => (
  <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
    <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.71v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
  </svg>
);

export const InstagramIcon = () => (
  <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
    <path fillRule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.024.06 1.378.06 3.808s-.012 2.784-.06 3.808c-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.024.048-1.378.06-3.808.06s-2.784-.012-3.808-.06c-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.048-1.024-.06-1.378-.06-3.808s.012-2.784.06-3.808c.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 016.08 2.525c.636-.247 1.363-.416 2.427-.465C9.53 2.013 9.884 2 12.315 2zM12 7.044c-2.583 0-4.666 2.083-4.666 4.666s2.083 4.666 4.666 4.666 4.666-2.083 4.666-4.666S14.583 7.044 12 7.044zm0 7.666c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm4.917-7.916a1.146 1.146 0 100-2.292 1.146 1.146 0 000 2.292z" clipRule="evenodd" />
  </svg>
);

export const LinkedInIcon = () => (
  <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
    <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
  </svg>
);

export const TEMPLATE_CATEGORIES = [
    { 
        category: 'Social Media', 
        templates: [
            { title: "Facebook Post", url: "https://www.thebrand.ai/i/social-media/facebook-post" },
            { title: "Instagram Post", url: "https://www.thebrand.ai/i/social-media/instagram-posts" },
            { title: "Instagram Story", url: "https://www.thebrand.ai/i/social-media/instagram-story" },
            { title: "LinkedIn Post", url: "https://www.thebrand.ai/i/social-media/linkedin-post" },
            { title: "Twitter Post", url: "https://www.thebrand.ai/i/social-media/twitter" },
            { title: "Pinterest Pin", url: "https://www.thebrand.ai/i/social-media/pinterest-pin-graphic-templates" },
            { title: "IGTV Cover", url: "https://www.thebrand.ai/i/social-media/igtv-cover" },
            { title: "Highlight Cover", url: "https://www.thebrand.ai/i/social-media/instagram-highlight-cover" },
            { title: "YouTube Graphics", url: "https://www.thebrand.ai/i/social-media/youtube-graphic-templates" },
            { title: "Twitch Graphics", url: "https://www.thebrand.ai/i/social-media/online-streaming" },
        ]
    },
    { 
        category: 'Invites & Cards', 
        templates: [
            { title: "Business Card", url: "https://www.thebrand.ai/i/invites-and-cards/business-card-85x55mm" },
            { title: "US Business Card", url: "https://www.thebrand.ai/i/invites-and-cards/business-card-us" },
            { title: "Greeting Card", url: "https://www.thebrand.ai/i/invites-and-cards/card" },
            { title: "Invitation", url: "https://www.thebrand.ai/i/invites-and-cards/invitation-13.9x10.7cm" },
        ]
    },
    { 
        category: 'Documents', 
        templates: [
            { title: "Presentation 16:9", url: "https://www.thebrand.ai/i/documents/presentation-16-9" },
            { title: "Resume", url: "https://www.thebrand.ai/i/documents/resume" },
            { title: "Letterhead A4", url: "https://www.thebrand.ai/i/documents/letterhead-a4" },
            { title: "Proposal A4", url: "https://www.thebrand.ai/i/documents/proposal-a4" },
            { title: "Flyer A4", url: "https://www.thebrand.ai/i/documents/flyer-a4" },
            { title: "Newsletter", url: "https://www.thebrand.ai/i/documents/newsletter" },
            { title: "Invoice A4", url: "https://www.thebrand.ai/i/documents/invoice-a4" },
            { title: "Report A4", url: "https://www.thebrand.ai/i/documents/report-a4" },
            { title: "Certificate", url: "https://www.thebrand.ai/i/documents/certificate" },
            { title: "Menu A4", url: "https://www.thebrand.ai/i/documents/menu-a4" },
            { title: "Checklist", url: "https://www.thebrand.ai/i/documents/checklist" },
            { title: "Schedule", url: "https://www.thebrand.ai/i/documents/schedule" },
            { title: "Workbook", url: "https://www.thebrand.ai/i/documents/workbook" },
            { title: "eBook", url: "https://www.thebrand.ai/i/documents/ebook" },
            { title: "Whitepaper", url: "https://www.thebrand.ai/i/documents/whitepaper" },
        ]
    },
    { 
        category: 'Advertising', 
        templates: [
            { title: "Poster", url: "https://www.thebrand.ai/i/advertising/poster-a3" },
            { title: "Banner", url: "https://www.thebrand.ai/i/advertising/banner-2x6ft" },
            { title: "Billboard", url: "https://www.thebrand.ai/i/advertising/billboard" },
            { title: "Flyer", url: "https://www.thebrand.ai/i/advertising/flyer-us" },
            { title: "Yard Sign", url: "https://www.thebrand.ai/i/advertising/yard-sign" },
            { title: "Roll-up Banner", url: "https://www.thebrand.ai/i/advertising/roll-up-banner" },
            { title: "Brochure", url: "https://www.thebrand.ai/i/advertising/brochure" },
        ]
    },
    { 
        category: 'Covers', 
        templates: [
            { title: "Book Cover", url: "https://www.thebrand.ai/i/covers/book-cover" },
            { title: "Magazine Cover", url: "https://www.thebrand.ai/i/covers/magazine-cover" },
            { title: "Report Cover", url: "https://www.thebrand.ai/i/covers/report-cover" },
            { title: "Planner Cover", url: "https://www.thebrand.ai/i/covers/planner-cover" },
            { title: "eBook Cover", url: "https://www.thebrand.ai/i/covers/ebook-cover" },
        ]
    },
];
@ Telegram