Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Baccana Group | AI-Optimized SEO & AEO Services in Monaco</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#0F1C3F', | |
| secondary: '#D4AF37', | |
| accent: '#1E40AF', | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| .hero-gradient { | |
| background: linear-gradient(135deg, rgba(15,28,63,0.95) 0%, rgba(30,64,175,0.85) 100%); | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .testimonial-card { | |
| position: relative; | |
| } | |
| .testimonial-card:before { | |
| content: '"'; | |
| position: absolute; | |
| top: -20px; | |
| left: 10px; | |
| font-size: 80px; | |
| color: rgba(212, 175, 55, 0.1); | |
| font-family: serif; | |
| line-height: 1; | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased text-gray-800"> | |
| <!-- Header --> | |
| <header class="bg-primary text-white sticky top-0 z-50 shadow-lg"> | |
| <div class="container mx-auto px-6 py-4"> | |
| <div class="flex items-center justify-between"> | |
| <div class="flex items-center"> | |
| <div class="text-secondary font-bold text-2xl mr-2">BACCANA</div> | |
| <div class="text-white font-light text-sm">GROUP</div> | |
| </div> | |
| <nav class="hidden md:flex space-x-8"> | |
| <a href="#services" class="hover:text-secondary transition">Services</a> | |
| <a href="#pricing" class="hover:text-secondary transition">Pricing</a> | |
| <a href="#about" class="hover:text-secondary transition">About</a> | |
| <a href="#testimonials" class="hover:text-secondary transition">Results</a> | |
| </nav> | |
| <div class="hidden md:block"> | |
| <a href="#contact" class="bg-secondary text-primary px-6 py-2 rounded-full font-medium hover:bg-yellow-600 transition">Get Started</a> | |
| </div> | |
| <button class="md:hidden focus:outline-none"> | |
| <i class="fas fa-bars text-2xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="hero-gradient text-white py-20 md:py-32"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">Future-Proof Your Online Presence with <span class="text-secondary">AI-Optimized SEO</span></h1> | |
| <p class="text-xl mb-8">Baccana Group helps Monaco's elite businesses stay visible across both generative AI and traditional search engines through our proprietary AEO methodology.</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#contact" class="bg-secondary text-primary px-8 py-3 rounded-full font-bold text-center hover:bg-yellow-600 transition">Request Free Audit</a> | |
| <a href="#pricing" class="border-2 border-white px-8 py-3 rounded-full font-bold text-center hover:bg-white hover:text-primary transition">View Pricing</a> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative"> | |
| <div class="w-full h-full bg-secondary opacity-20 rounded-xl absolute -bottom-3 -right-3"></div> | |
| <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="AI SEO Optimization" class="relative rounded-xl shadow-2xl w-full max-w-lg"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Trust Badges --> | |
| <section class="bg-gray-50 py-8"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16"> | |
| <div class="text-center"> | |
| <div class="text-3xl font-bold text-primary">10+</div> | |
| <div class="text-gray-600">Years Experience</div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="text-3xl font-bold text-primary">250+</div> | |
| <div class="text-gray-600">Clients Worldwide</div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="text-3xl font-bold text-primary">95%</div> | |
| <div class="text-gray-600">Client Retention</div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="text-3xl font-bold text-primary">#1</div> | |
| <div class="text-gray-600">In Monaco</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">AI-Driven SEO Services for the Modern Web</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Our proprietary AEO (Answer Engine Optimization) methodology ensures your brand stays visible across both generative AI platforms and traditional search engines.</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <!-- Service 1 --> | |
| <div class="bg-gray-50 p-8 rounded-xl transition duration-300 card-hover"> | |
| <div class="text-secondary text-4xl mb-4"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary mb-3">AI & Search Compliance</h3> | |
| <p class="text-gray-600 mb-4">We optimize your content to be favored by both AI answer engines like ChatGPT and traditional search algorithms.</p> | |
| <ul class="space-y-2"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Schema markup implementation</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>AI training data optimization</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Search engine compliance audits</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Service 2 --> | |
| <div class="bg-gray-50 p-8 rounded-xl transition duration-300 card-hover"> | |
| <div class="text-secondary text-4xl mb-4"> | |
| <i class="fas fa-chart-line"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary mb-3">360° Optimization</h3> | |
| <p class="text-gray-600 mb-4">Comprehensive optimization covering all aspects of your digital presence for maximum visibility.</p> | |
| <ul class="space-y-2"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Technical SEO infrastructure</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Content strategy & optimization</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Performance & UX enhancements</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Service 3 --> | |
| <div class="bg-gray-50 p-8 rounded-xl transition duration-300 card-hover"> | |
| <div class="text-secondary text-4xl mb-4"> | |
| <i class="fas fa-shield-alt"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-primary mb-3">Future-Proof Strategy</h3> | |
| <p class="text-gray-600 mb-4">Stay ahead of algorithm updates and emerging technologies with our proactive approach.</p> | |
| <ul class="space-y-2"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Continuous monitoring & adaptation</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Competitor benchmarking</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Emerging technology integration</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section id="about" class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary mb-6">Monaco's Premier AI SEO Agency</h2> | |
| <p class="text-gray-600 mb-6">Baccana Group has been at the forefront of search optimization since 2013, helping luxury brands, financial institutions, and elite service providers maintain their digital dominance.</p> | |
| <p class="text-gray-600 mb-8">Our team of AI specialists and SEO veterans combine technical expertise with creative strategy to deliver measurable results that withstand the test of time and technological evolution.</p> | |
| <div class="flex space-x-4"> | |
| <div class="bg-white p-4 rounded-lg shadow-sm flex items-center"> | |
| <i class="fas fa-medal text-secondary text-2xl mr-3"></i> | |
| <div> | |
| <div class="font-bold text-primary">Google Partner</div> | |
| <div class="text-sm text-gray-500">Certified Experts</div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-4 rounded-lg shadow-sm flex items-center"> | |
| <i class="fas fa-graduation-cap text-secondary text-2xl mr-3"></i> | |
| <div> | |
| <div class="font-bold text-primary">AI Specialists</div> | |
| <div class="text-sm text-gray-500">LLM Certified</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="relative"> | |
| <div class="w-full h-full bg-secondary opacity-20 rounded-xl absolute -bottom-3 -right-3"></div> | |
| <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Baccana Group Team" class="relative rounded-xl shadow-lg w-full"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing Section --> | |
| <section id="pricing" class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Transparent, Results-Driven Pricing</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Choose the perfect solution for your business needs and budget</p> | |
| </div> | |
| <div class="mb-12"> | |
| <h3 class="text-2xl font-bold text-primary mb-8 text-center">AEO PACKS – One-Time Optimization</h3> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <!-- Package 1 --> | |
| <div class="border border-gray-200 rounded-xl overflow-hidden transition duration-300 card-hover"> | |
| <div class="bg-primary text-white p-6"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="text-secondary font-bold mb-1">★ FOUNDER</div> | |
| <h4 class="text-xl font-bold">CMS Sites (1-25 pages)</h4> | |
| </div> | |
| <div class="text-2xl font-bold">€1,590+</div> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Technical SEO audit & fixes</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Content optimization (up to 25 pages)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Basic schema markup implementation</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>AI training data preparation</span> | |
| </li> | |
| </ul> | |
| <a href="#contact" class="block text-center bg-primary text-white py-3 rounded-lg font-medium hover:bg-accent transition">Get Started</a> | |
| </div> | |
| </div> | |
| <!-- Package 2 --> | |
| <div class="border border-gray-200 rounded-xl overflow-hidden transition duration-300 card-hover transform scale-105 shadow-lg"> | |
| <div class="bg-primary text-white p-6"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="text-secondary font-bold mb-1">★★ BOOSTER</div> | |
| <h4 class="text-xl font-bold">CMS Sites (25+ pages)</h4> | |
| </div> | |
| <div class="text-2xl font-bold">€2,290+</div> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Comprehensive technical SEO</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Content optimization (unlimited pages)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Advanced schema markup</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>AI training data optimization</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Competitor analysis report</span> | |
| </li> | |
| </ul> | |
| <a href="#contact" class="block text-center bg-secondary text-primary py-3 rounded-lg font-bold hover:bg-yellow-600 transition">Popular Choice</a> | |
| </div> | |
| </div> | |
| <!-- Package 3 --> | |
| <div class="border border-gray-200 rounded-xl overflow-hidden transition duration-300 card-hover"> | |
| <div class="bg-primary text-white p-6"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="text-secondary font-bold mb-1">★★★ PREMIER</div> | |
| <h4 class="text-xl font-bold">Large Sites & Ecommerce</h4> | |
| </div> | |
| <div class="text-2xl font-bold">€3,990+</div> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Enterprise-level technical SEO</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Ecommerce/product optimization</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Comprehensive schema markup</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>AI training dataset creation</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Advanced competitor analysis</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>3-month performance monitoring</span> | |
| </li> | |
| </ul> | |
| <a href="#contact" class="block text-center bg-primary text-white py-3 rounded-lg font-medium hover:bg-accent transition">Get Started</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-2xl font-bold text-primary mb-8 text-center">AEO PROGRAMS – Monthly SEO + AI Management</h3> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <!-- Package 1 --> | |
| <div class="border border-gray-200 rounded-xl overflow-hidden transition duration-300 card-hover"> | |
| <div class="bg-primary text-white p-6"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="text-secondary font-bold mb-1">★ SMALL BUSINESS</div> | |
| <h4 class="text-xl font-bold">CMS Sites (1-25 pages)</h4> | |
| </div> | |
| <div class="text-2xl font-bold">€990<span class="text-sm font-normal">/month</span></div> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Ongoing technical optimizations</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Content updates (up to 5 pages/month)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Monthly performance reporting</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Basic AI data maintenance</span> | |
| </li> | |
| </ul> | |
| <a href="#contact" class="block text-center bg-primary text-white py-3 rounded-lg font-medium hover:bg-accent transition">Get Started</a> | |
| </div> | |
| </div> | |
| <!-- Package 2 --> | |
| <div class="border border-gray-200 rounded-xl overflow-hidden transition duration-300 card-hover transform scale-105 shadow-lg"> | |
| <div class="bg-primary text-white p-6"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="text-secondary font-bold mb-1">★★ CORPORATE</div> | |
| <h4 class="text-xl font-bold">CMS Sites (25+ pages)</h4> | |
| </div> | |
| <div class="text-2xl font-bold">€1,590<span class="text-sm font-normal">/month</span></div> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Comprehensive ongoing optimizations</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Content updates (up to 10 pages/month)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Advanced performance reporting</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>AI data optimization & expansion</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Quarterly strategy reviews</span> | |
| </li> | |
| </ul> | |
| <a href="#contact" class="block text-center bg-secondary text-primary py-3 rounded-lg font-bold hover:bg-yellow-600 transition">Popular Choice</a> | |
| </div> | |
| </div> | |
| <!-- Package 3 --> | |
| <div class="border border-gray-200 rounded-xl overflow-hidden transition duration-300 card-hover"> | |
| <div class="bg-primary text-white p-6"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="text-secondary font-bold mb-1">★★★ ENTERPRISE</div> | |
| <h4 class="text-xl font-bold">Large Sites & Ecommerce</h4> | |
| </div> | |
| <div class="text-2xl font-bold">€1,990<span class="text-sm font-normal">/month</span></div> | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Enterprise-level ongoing optimizations</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Unlimited content updates</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Comprehensive performance reporting</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>AI dataset management & expansion</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Monthly strategy sessions</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-secondary mt-1 mr-2"></i> | |
| <span>Dedicated account manager</span> | |
| </li> | |
| </ul> | |
| <a href="#contact" class="block text-center bg-primary text-white py-3 rounded-lg font-medium hover:bg-accent transition">Get Started</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section id="testimonials" class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Trusted by Monaco's Elite Businesses</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Don't just take our word for it - hear from our satisfied clients</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="bg-white p-8 rounded-xl shadow-sm testimonial-card"> | |
| <div class="flex items-center mb-6"> | |
| <div class="w-12 h-12 rounded-full bg-gray-200 overflow-hidden mr-4"> | |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Client" class="w-full h-full object-cover"> | |
| </div> | |
| <div> | |
| <div class="font-bold text-primary">Sophie Laurent</div> | |
| <div class="text-sm text-gray-500">Marketing Director, Monaco Luxury Realty</div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic">"Baccana Group transformed our online visibility. Within 3 months of implementing their AEO strategy, we saw a 210% increase in qualified leads from search. Their understanding of both traditional SEO and emerging AI platforms is unparalleled."</p> | |
| <div class="flex mt-4"> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| </div> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="bg-white p-8 rounded-xl shadow-sm testimonial-card"> | |
| <div class="flex items-center mb-6"> | |
| <div class="w-12 h-12 rounded-full bg-gray-200 overflow-hidden mr-4"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Client" class="w-full h-full object-cover"> | |
| </div> | |
| <div> | |
| <div class="font-bold text-primary">Jean-Pierre Moreau</div> | |
| <div class="text-sm text-gray-500">CEO, Monte-Carlo Financial Advisors</div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic">"As a financial services firm, we need to maintain the highest standards of online presence. Baccana's team delivered exceptional results while ensuring all content remained compliant with industry regulations. Our organic traffic has tripled in 6 months."</p> | |
| <div class="flex mt-4"> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| </div> | |
| </div> | |
| <!-- Testimonial 3 --> | |
| <div class="bg-white p-8 rounded-xl shadow-sm testimonial-card"> | |
| <div class="flex items-center mb-6"> | |
| <div class="w-12 h-12 rounded-full bg-gray-200 overflow-hidden mr-4"> | |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Client" class="w-full h-full object-cover"> | |
| </div> | |
| <div> | |
| <div class="font-bold text-primary">Isabelle Dubois</div> | |
| <div class="text-sm text-gray-500">Digital Director, Riviera Yachting</div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic">"The team at Baccana Group doesn't just optimize for today's search engines - they future-proof your content. We're now appearing prominently in ChatGPT responses for luxury yachting queries, bringing us high-value clients we wouldn't reach through traditional search alone."</p> | |
| <div class="flex mt-4"> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| <i class="fas fa-star text-secondary"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section id="contact" class="py-20 bg-primary text-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Future-Proof Your Online Presence?</h2> | |
| <p class="text-xl mb-8">Request a free SEO audit and discover how our AI-optimized strategies can transform your digital visibility.</p> | |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#" class="bg-secondary text-primary px-8 py-4 rounded-full font-bold hover:bg-yellow-600 transition">Request Free Audit</a> | |
| <a href="#" class="border-2 border-white px-8 py-4 rounded-full font-bold hover:bg-white hover:text-primary transition">Contact Our Experts</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="container mx-auto px-6 max-w-4xl"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary mb-12 text-center">Frequently Asked Questions</h2> | |
| <div class="space-y-6"> | |
| <!-- FAQ 1 --> | |
| <div class="border-b border-gray-200 pb-6"> | |
| <button class="flex justify-between items-center w-full text-left font-bold text-lg text-primary focus:outline-none"> | |
| <span>What is AEO and how is it different from SEO?</span> | |
| <i class="fas fa-chevron-down text-secondary transition-transform duration-300"></i> | |
| </button> | |
| <div class="mt-4 text-gray-600 hidden"> | |
| <p>AEO (Answer Engine Optimization) is the next evolution of SEO, focusing not just on traditional search engines but also on AI platforms like ChatGPT, Bard, and other LLMs. While SEO helps your content rank in search results, AEO ensures your information is selected as the authoritative answer by AI systems. Baccana Group specializes in optimizing for both simultaneously.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ 2 --> | |
| <div class="border-b border-gray-200 pb-6"> | |
| <button class="flex justify-between items-center w-full text-left font-bold text-lg text-primary focus:outline-none"> | |
| <span>How long does it take to see results?</span> | |
| <i class="fas fa-chevron-down text-secondary transition-transform duration-300"></i> | |
| </button> | |
| <div class="mt-4 text-gray-600 hidden"> | |
| <p>Initial improvements can often be seen within 4-6 weeks, but substantial results typically appear in 3-6 months. AI platforms may take slightly longer to recognize and adopt your optimized content. Our monthly programs ensure continuous optimization to accelerate and maintain results.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ 3 --> | |
| <div class="border-b border-gray-200 pb-6"> | |
| <button class="flex justify-between items-center w-full text-left font-bold text-lg text-primary focus:outline-none"> | |
| <span>Do you work with businesses outside Monaco?</span> | |
| <i class="fas fa-chevron-down text-secondary transition-transform duration-300"></i> | |
| </button> | |
| <div class="mt-4 text-gray-600 hidden"> | |
| <p>Absolutely. While we're based in Monaco and specialize in serving the luxury market, we work with clients worldwide across various industries. Our AEO strategies are effective regardless of location or industry.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ 4 --> | |
| <div class="border-b border-gray-200 pb-6"> | |
| <button class="flex justify-between items-center w-full text-left font-bold text-lg text-primary focus:outline-none"> | |
| <span>What if I need to cancel my monthly program?</span> | |
| <i class="fas fa-chevron-down text-secondary transition-transform duration-300"></i> | |
| </button> | |
| <div class="mt-4 text-gray-600 hidden"> | |
| <p>We offer flexible month-to-month agreements with no long-term contracts. You can cancel your monthly program at any time with 30 days notice. We'll provide all documentation and knowledge transfer to ensure a smooth transition.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-secondary font-bold text-2xl mr-2">BACCANA</div> | |
| <div class="text-white font-light text-sm">GROUP</div> | |
| </div> | |
| <p class="text-gray-400">Monaco's premier AI-optimized SEO agency, helping businesses future-proof their online presence since 2013.</p> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Services</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-secondary transition">AEO Optimization</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-secondary transition">AI SEO Strategy</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-secondary transition">Technical SEO</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-secondary transition">Content Optimization</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Company</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-secondary transition">About Us</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-secondary transition">Case Studies</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-secondary transition">Blog</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-secondary transition">Careers</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Contact</h4> | |
| <ul class="space-y-2"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-map-marker-alt text-secondary mt-1 mr-2"></i> | |
| <span class="text-gray-400">12 Avenue des Spélugues, Monaco</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-phone-alt text-secondary mt-1 mr-2"></i> | |
| <span class="text-gray-400">+377 12 34 56 78</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-envelope text-secondary mt-1 mr-2"></i> | |
| <span class="text-gray-400">contact@baccanagroup.com</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center"> | |
| <div class="text-gray-400 mb-4 md:mb-0">© 2023 Baccana Group. All rights reserved.</div> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-gray-400 hover:text-secondary transition"><i class="fab fa-linkedin-in"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-secondary transition"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-secondary transition"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-secondary transition"><i class="fab fa-instagram"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // FAQ toggle functionality | |
| document.querySelectorAll('button').forEach(button => { | |
| button.addEventListener('click', () => { | |
| const faqItem = button.parentElement; | |
| const content = button.nextElementSibling; | |
| const icon = button.querySelector('i'); | |
| if (content.classList.contains('hidden')) { | |
| content.classList.remove('hidden'); | |
| icon.classList.add('transform', 'rotate-180'); | |
| } else { | |
| content.classList.add('hidden'); | |
| icon.classList.remove('transform', 'rotate-180'); | |
| } | |
| }); | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| targetElement.scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| } | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=NeilClavel/baccanagroup" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |