Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>fornia.ai - The Future of AI Solutions</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| :root { | |
| --primary: #6c5ce7; | |
| --secondary: #00cec9; | |
| --dark: #2d3436; | |
| --light: #f5f6fa; | |
| --accent: #fd79a8; | |
| --gradient: linear-gradient(135deg, var(--primary), var(--secondary)); | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| } | |
| body { | |
| background-color: var(--light); | |
| color: var(--dark); | |
| overflow-x: hidden; | |
| } | |
| /* Navigation */ | |
| nav { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| padding: 1.5rem 5%; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| z-index: 1000; | |
| transition: all 0.3s ease; | |
| background-color: rgba(255, 255, 255, 0.9); | |
| backdrop-filter: blur(10px); | |
| box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); | |
| } | |
| nav.scrolled { | |
| padding: 1rem 5%; | |
| background-color: rgba(255, 255, 255, 0.98); | |
| } | |
| .logo { | |
| display: flex; | |
| align-items: center; | |
| font-size: 1.8rem; | |
| font-weight: 700; | |
| color: var(--primary); | |
| } | |
| .logo i { | |
| margin-right: 0.5rem; | |
| font-size: 2rem; | |
| } | |
| .nav-links { | |
| display: flex; | |
| list-style: none; | |
| } | |
| .nav-links li { | |
| margin-left: 2.5rem; | |
| } | |
| .nav-links a { | |
| text-decoration: none; | |
| color: var(--dark); | |
| font-weight: 600; | |
| transition: all 0.3s ease; | |
| position: relative; | |
| } | |
| .nav-links a:after { | |
| content: ''; | |
| position: absolute; | |
| width: 0; | |
| height: 2px; | |
| background: var(--gradient); | |
| bottom: -5px; | |
| left: 0; | |
| transition: width 0.3s ease; | |
| } | |
| .nav-links a:hover:after { | |
| width: 100%; | |
| } | |
| .nav-links a:hover { | |
| color: var(--primary); | |
| } | |
| .mobile-menu-btn { | |
| display: none; | |
| font-size: 1.5rem; | |
| cursor: pointer; | |
| color: var(--dark); | |
| } | |
| .cta-btn { | |
| background: var(--gradient); | |
| color: white; | |
| padding: 0.7rem 1.5rem; | |
| border-radius: 30px; | |
| font-weight: 600; | |
| transition: all 0.3s ease; | |
| border: none; | |
| cursor: pointer; | |
| box-shadow: 0 4px 15px rgba(108, 94, 231, 0.3); | |
| } | |
| .cta-btn:hover { | |
| transform: translateY(-3px); | |
| box-shadow: 0 6px 20px rgba(108, 94, 231, 0.4); | |
| } | |
| /* Hero Section */ | |
| .hero { | |
| height: 100vh; | |
| display: flex; | |
| align-items: center; | |
| padding: 0 5%; | |
| margin-top: 80px; | |
| } | |
| .hero-content { | |
| flex: 1; | |
| padding-right: 2rem; | |
| } | |
| .hero h1 { | |
| font-size: 3.5rem; | |
| margin-bottom: 1.5rem; | |
| background: var(--gradient); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| line-height: 1.2; | |
| } | |
| .hero p { | |
| font-size: 1.2rem; | |
| color: #636e72; | |
| margin-bottom: 2rem; | |
| max-width: 600px; | |
| line-height: 1.6; | |
| } | |
| .hero-image { | |
| flex: 1; | |
| display: flex; | |
| justify-content: center; | |
| position: relative; | |
| } | |
| .hero-image img { | |
| max-width: 100%; | |
| height: auto; | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-20px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .btn-group { | |
| display: flex; | |
| gap: 1rem; | |
| } | |
| .secondary-btn { | |
| background: transparent; | |
| color: var(--primary); | |
| padding: 0.7rem 1.5rem; | |
| border-radius: 30px; | |
| font-weight: 600; | |
| transition: all 0.3s ease; | |
| border: 2px solid var(--primary); | |
| cursor: pointer; | |
| } | |
| .secondary-btn:hover { | |
| background: rgba(108, 94, 231, 0.1); | |
| transform: translateY(-3px); | |
| } | |
| /* Features Section */ | |
| .section { | |
| padding: 6rem 5%; | |
| } | |
| .section-title { | |
| text-align: center; | |
| margin-bottom: 4rem; | |
| } | |
| .section-title h2 { | |
| font-size: 2.5rem; | |
| color: var(--dark); | |
| margin-bottom: 1rem; | |
| } | |
| .section-title p { | |
| color: #636e72; | |
| max-width: 700px; | |
| margin: 0 auto; | |
| font-size: 1.1rem; | |
| line-height: 1.6; | |
| } | |
| .features { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |
| gap: 2rem; | |
| } | |
| .feature-card { | |
| background: white; | |
| padding: 2rem; | |
| border-radius: 15px; | |
| transition: all 0.3s ease; | |
| box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); | |
| } | |
| .feature-icon { | |
| width: 70px; | |
| height: 70px; | |
| background: var(--gradient); | |
| border-radius: 20px; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| margin-bottom: 1.5rem; | |
| color: white; | |
| font-size: 1.8rem; | |
| } | |
| .feature-card h3 { | |
| font-size: 1.5rem; | |
| margin-bottom: 1rem; | |
| color: var(--dark); | |
| } | |
| .feature-card p { | |
| color: #636e72; | |
| line-height: 1.6; | |
| } | |
| /* About Section */ | |
| .about { | |
| display: flex; | |
| align-items: center; | |
| gap: 4rem; | |
| } | |
| .about-image { | |
| flex: 1; | |
| position: relative; | |
| } | |
| .about-image img { | |
| width: 100%; | |
| border-radius: 20px; | |
| box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); | |
| } | |
| .about-image:after { | |
| content: ''; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| border: 2px dashed var(--primary); | |
| border-radius: 20px; | |
| top: -20px; | |
| left: -20px; | |
| z-index: -1; | |
| } | |
| .about-content { | |
| flex: 1; | |
| } | |
| .about-content h2 { | |
| font-size: 2.5rem; | |
| margin-bottom: 1.5rem; | |
| color: var(--dark); | |
| } | |
| .about-content p { | |
| color: #636e72; | |
| margin-bottom: 1.5rem; | |
| line-height: 1.6; | |
| font-size: 1.1rem; | |
| } | |
| .stats { | |
| display: flex; | |
| gap: 2rem; | |
| margin-top: 2rem; | |
| } | |
| .stat-item { | |
| text-align: center; | |
| } | |
| .stat-item h3 { | |
| font-size: 2.5rem; | |
| color: var(--primary); | |
| margin-bottom: 0.5rem; | |
| } | |
| .stat-item p { | |
| color: #636e72; | |
| font-weight: 600; | |
| } | |
| /* Testimonials */ | |
| .testimonials { | |
| background-color: white; | |
| padding: 6rem 5%; | |
| text-align: center; | |
| } | |
| .testimonial-container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| position: relative; | |
| } | |
| .testimonial-slide { | |
| padding: 2rem; | |
| display: none; | |
| animation: fade 1s ease-in-out; | |
| } | |
| @keyframes fade { | |
| from {opacity: 0.4;} | |
| to {opacity: 1;} | |
| } | |
| .testimonial-slide.active { | |
| display: block; | |
| } | |
| .testimonial-content { | |
| background: var(--light); | |
| padding: 2rem; | |
| border-radius: 15px; | |
| position: relative; | |
| margin-bottom: 2rem; | |
| } | |
| .testimonial-content:after { | |
| content: ''; | |
| position: absolute; | |
| bottom: -20px; | |
| left: 50%; | |
| transform: translateX(-50%); | |
| border-width: 20px 20px 0; | |
| border-style: solid; | |
| border-color: var(--light) transparent transparent; | |
| } | |
| .testimonial-content p { | |
| font-style: italic; | |
| color: var(--dark); | |
| line-height: 1.8; | |
| font-size: 1.1rem; | |
| margin-bottom: 1rem; | |
| } | |
| .testimonial-author { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| .author-image { | |
| width: 80px; | |
| height: 80px; | |
| border-radius: 50%; | |
| object-fit: cover; | |
| margin-bottom: 1rem; | |
| border: 3px solid var(--primary); | |
| } | |
| .author-info h4 { | |
| font-size: 1.2rem; | |
| color: var(--dark); | |
| margin-bottom: 0.3rem; | |
| } | |
| .author-info p { | |
| color: #636e72; | |
| font-size: 0.9rem; | |
| } | |
| .dots { | |
| display: flex; | |
| justify-content: center; | |
| margin-top: 2rem; | |
| } | |
| .dot { | |
| width: 12px; | |
| height: 12px; | |
| background-color: #ddd; | |
| border-radius: 50%; | |
| margin: 0 5px; | |
| cursor: pointer; | |
| transition: background-color 0.3s ease; | |
| } | |
| .dot.active { | |
| background: var(--primary); | |
| } | |
| /* CTA Section */ | |
| .cta-section { | |
| background: var(--gradient); | |
| color: white; | |
| text-align: center; | |
| padding: 5rem 5%; | |
| border-radius: 20px; | |
| margin: 0 5% 6rem; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .cta-section:before { | |
| content: ''; | |
| position: absolute; | |
| width: 300px; | |
| height: 300px; | |
| background: rgba(255, 255, 255, 0.1); | |
| border-radius: 50%; | |
| top: -150px; | |
| left: -150px; | |
| } | |
| .cta-section:after { | |
| content: ''; | |
| position: absolute; | |
| width: 400px; | |
| height: 400px; | |
| background: rgba(255, 255, 255, 0.1); | |
| border-radius: 50%; | |
| bottom: -200px; | |
| right: -200px; | |
| } | |
| .cta-section h2 { | |
| font-size: 2.5rem; | |
| margin-bottom: 1.5rem; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .cta-section p { | |
| max-width: 700px; | |
| margin: 0 auto 2rem; | |
| font-size: 1.1rem; | |
| line-height: 1.6; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .cta-section .cta-btn { | |
| background: white; | |
| color: var(--primary); | |
| position: relative; | |
| z-index: 1; | |
| } | |
| /* Footer */ | |
| footer { | |
| background: var(--dark); | |
| color: white; | |
| padding: 5rem 5% 2rem; | |
| } | |
| .footer-content { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| gap: 3rem; | |
| margin-bottom: 3rem; | |
| } | |
| .footer-logo { | |
| font-size: 1.8rem; | |
| font-weight: 700; | |
| color: white; | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: 1.5rem; | |
| } | |
| .footer-logo i { | |
| margin-right: 0.5rem; | |
| font-size: 2rem; | |
| } | |
| .footer-about p { | |
| color: #b2bec3; | |
| line-height: 1.6; | |
| margin-bottom: 1.5rem; | |
| } | |
| .social-links { | |
| display: flex; | |
| gap: 1rem; | |
| } | |
| .social-links a { | |
| width: 40px; | |
| height: 40px; | |
| background: rgba(255, 255, 255, 0.1); | |
| border-radius: 50%; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| color: white; | |
| transition: all 0.3s ease; | |
| } | |
| .social-links a:hover { | |
| background: var(--primary); | |
| transform: translateY(-3px); | |
| } | |
| .footer-links h3 { | |
| font-size: 1.3rem; | |
| margin-bottom: 1.5rem; | |
| position: relative; | |
| padding-bottom: 0.5rem; | |
| } | |
| .footer-links h3:after { | |
| content: ''; | |
| position: absolute; | |
| width: 50px; | |
| height: 3px; | |
| background: var(--primary); | |
| bottom: 0; | |
| left: 0; | |
| } | |
| .footer-links ul { | |
| list-style: none; | |
| } | |
| .footer-links li { | |
| margin-bottom: 0.8rem; | |
| } | |
| .footer-links a { | |
| color: #b2bec3; | |
| text-decoration: none; | |
| transition: all 0.3s ease; | |
| } | |
| .footer-links a:hover { | |
| color: white; | |
| padding-left: 5px; | |
| } | |
| .newsletter input { | |
| width: 100%; | |
| padding: 0.8rem; | |
| border-radius: 30px; | |
| border: none; | |
| margin-bottom: 1rem; | |
| background: rgba(255, 255, 255, 0.1); | |
| color: white; | |
| } | |
| .newsletter input::placeholder { | |
| color: #b2bec3; | |
| } | |
| .newsletter .cta-btn { | |
| width: 100%; | |
| background: var(--primary); | |
| color: white; | |
| } | |
| .copyright { | |
| text-align: center; | |
| padding-top: 2rem; | |
| border-top: 1px solid rgba(255, 255, 255, 0.1); | |
| color: #b2bec3; | |
| } | |
| /* Responsive */ | |
| @media (max-width: 1024px) { | |
| .hero h1 { | |
| font-size: 2.8rem; | |
| } | |
| .hero-image { | |
| align-items: center; | |
| } | |
| } | |
| @media (max-width: 768px) { | |
| nav { | |
| padding: 1rem 5%; | |
| } | |
| .nav-links { | |
| position: fixed; | |
| top: 80px; | |
| left: -100%; | |
| width: 80%; | |
| height: calc(100vh - 80px); | |
| background: white; | |
| flex-direction: column; | |
| align-items: center; | |
| padding: 2rem 0; | |
| transition: all 0.3s ease; | |
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); | |
| } | |
| .nav-links.active { | |
| left: 0; | |
| } | |
| .nav-links li { | |
| margin: 1rem 0; | |
| } | |
| .mobile-menu-btn { | |
| display: block; | |
| } | |
| .hero { | |
| flex-direction: column; | |
| text-align: center; | |
| padding-top: 5rem; | |
| height: auto; | |
| } | |
| .hero-content { | |
| padding-right: 0; | |
| margin-bottom: 3rem; | |
| } | |
| .hero h1 { | |
| font-size: 2.5rem; | |
| } | |
| .btn-group { | |
| justify-content: center; | |
| } | |
| .about { | |
| flex-direction: column; | |
| } | |
| .about-image { | |
| margin-bottom: 3rem; | |
| } | |
| .stats { | |
| justify-content: center; | |
| } | |
| } | |
| @media (max-width: 480px) { | |
| .hero h1 { | |
| font-size: 2rem; | |
| } | |
| .hero p { | |
| font-size: 1rem; | |
| } | |
| .btn-group { | |
| flex-direction: column; | |
| gap: 1rem; | |
| } | |
| .cta-btn, .secondary-btn { | |
| width: 100%; | |
| } | |
| .section-title h2 { | |
| font-size: 2rem; | |
| } | |
| .stats { | |
| flex-direction: column; | |
| gap: 1rem; | |
| } | |
| .cta-section { | |
| margin: 0 2% 6rem; | |
| padding: 3rem 5%; | |
| } | |
| .cta-section h2 { | |
| font-size: 2rem; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Navigation --> | |
| <nav id="navbar"> | |
| <div class="logo"> | |
| <i class="fas fa-robot"></i> | |
| <span>fornia.ai</span> | |
| </div> | |
| <ul class="nav-links" id="navLinks"> | |
| <li><a href="#home">Home</a></li> | |
| <li><a href="#features">Features</a></li> | |
| <li><a href="#about">About</a></li> | |
| <li><a href="#testimonials">Testimonials</a></li> | |
| <li><a href="#contact">Contact</a></li> | |
| </ul> | |
| <button class="cta-btn">Get Started</button> | |
| <div class="mobile-menu-btn" id="menuBtn"> | |
| <i class="fas fa-bars"></i> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="hero" id="home"> | |
| <div class="hero-content"> | |
| <h1>Revolutionizing Business with Advanced AI Solutions</h1> | |
| <p>fornia.ai delivers cutting-edge artificial intelligence technologies to help businesses automate processes, gain insights, and achieve unprecedented growth.</p> | |
| <div class="btn-group"> | |
| <button class="cta-btn">Explore Solutions</button> | |
| <button class="secondary-btn">Learn More</button> | |
| </div> | |
| </div> | |
| <div class="hero-image"> | |
| <img src="https://images.unsplash.com/photo-1682687220063-4742bd7fd538?ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80" alt="AI Technology Illustration"> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section class="section" id="features"> | |
| <div class="section-title"> | |
| <h2>Powerful Features</h2> | |
| <p>Our AI platform comes packed with innovative features designed to transform your business operations and decision-making processes.</p> | |
| </div> | |
| <div class="features"> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-brain"></i> | |
| </div> | |
| <h3>Predictive Analytics</h3> | |
| <p>Harness the power of machine learning to forecast trends, customer behavior, and market changes with remarkable accuracy.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <h3>Process Automation</h3> | |
| <p>Automate repetitive tasks and complex workflows to increase efficiency and reduce operational costs significantly.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-chart-line"></i> | |
| </div> | |
| <h3>Data Visualization</h3> | |
| <p>Transform raw data into interactive, insightful visualizations that drive informed business decisions at a glance.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-user-shield"></i> | |
| </div> | |
| <h3>Enhanced Security</h3> | |
| <p>Our AI-powered security systems detect and prevent threats in real-time, keeping your data and operations safe.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-comments"></i> | |
| </div> | |
| <h3>Natural Language Processing</h3> | |
| <p>Understand and process human language to improve customer service, content analysis, and communication workflows.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-lightbulb"></i> | |
| </div> | |
| <h3>Custom Solutions</h3> | |
| <p>Tailored AI implementations designed specifically for your business needs and industry requirements.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section class="section" id="about"> | |
| <div class="about"> | |
| <div class="about-image"> | |
| <img src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80" alt="Our Team"> | |
| </div> | |
| <div class="about-content"> | |
| <h2>Why Choose fornia.ai?</h2> | |
| <p>Founded in 2023, fornia.ai emerged from a simple idea: that artificial intelligence should be accessible, understandable, and beneficial for businesses of all sizes. Our team of AI experts, data scientists, and business strategists work together to create solutions that deliver real value.</p> | |
| <p>Unlike one-size-fits-all platforms, we take the time to understand your specific challenges and goals, then build AI tools that integrate seamlessly with your existing systems while providing room for future growth.</p> | |
| <div class="stats"> | |
| <div class="stat-item"> | |
| <h3>50+</h3> | |
| <p>Clients Worldwide</p> | |
| </div> | |
| <div class="stat-item"> | |
| <h3>95%</h3> | |
| <p>Client Satisfaction</p> | |
| </div> | |
| <div class="stat-item"> | |
| <h3>24/7</h3> | |
| <p>Support Available</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section class="testimonials" id="testimonials"> | |
| <div class="section-title"> | |
| <h2>What Our Clients Say</h2> | |
| <p>Hear from businesses that have transformed their operations with our AI solutions.</p> | |
| </div> | |
| <div class="testimonial-container"> | |
| <div class="testimonial-slide active"> | |
| <div class="testimonial-content"> | |
| <p>"fornia.ai's predictive analytics helped us increase our sales forecasting accuracy by 40%. Their team was incredibly responsive and customized the solution to fit our unique business model. The implementation was seamless and the results were apparent within weeks."</p> | |
| </div> | |
| <div class="testimonial-author"> | |
| <img src="https://randomuser.me/api/portraits/women/45.jpg" alt="Sarah Johnson" class="author-image"> | |
| <div class="author-info"> | |
| <h4>Sarah Johnson</h4> | |
| <p>CEO, TechForward Inc.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="testimonial-slide"> | |
| <div class="testimonial-content"> | |
| <p>"The customer service automation tools from fornia.ai reduced our response times by 75% while maintaining our brand voice and quality standards. Our customers noticed the difference immediately, and our team can now focus on more complex queries."</p> | |
| </div> | |
| <div class="testimonial-author"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael Chen" class="author-image"> | |
| <div class="author-info"> | |
| <h4>Michael Chen</h4> | |
| <p>COO, RetailSolutions</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="testimonial-slide"> | |
| <div class="testimonial-content"> | |
| <p>"Working with fornia.ai was a game-changer for our manufacturing processes. Their AI-driven quality control system reduced defects by 60% in the first three months, saving us millions in potential recalls and warranty claims."</p> | |
| </div> | |
| <div class="testimonial-author"> | |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Elena Rodriguez" class="author-image"> | |
| <div class="author-info"> | |
| <h4>Elena Rodriguez</h4> | |
| <p>VP Operations, MegaManufacturing</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="dots"> | |
| <span class="dot active" onclick="currentSlide(1)"></span> | |
| <span class="dot" onclick="currentSlide(2)"></span> | |
| <span class="dot" onclick="currentSlide(3)"></span> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="cta-section"> | |
| <h2>Ready to Transform Your Business with AI?</h2> | |
| <p>Get in touch with our team today to schedule a consultation and discover how fornia.ai can help you achieve your business goals.</p> | |
| <button class="cta-btn">Schedule a Demo</button> | |
| </section> | |
| <!-- Footer --> | |
| <footer id="contact"> | |
| <div class="footer-content"> | |
| <div class="footer-about"> | |
| <div class="footer-logo"> | |
| <i class="fas fa-robot"></i> | |
| <span>fornia.ai</span> | |
| </div> | |
| <p>Leading the AI revolution with innovative, ethical, and practical artificial intelligence solutions for businesses worldwide.</p> | |
| <div class="social-links"> | |
| <a href="#"><i class="fab fa-twitter"></i></a> | |
| <a href="#"><i class="fab fa-linkedin"></i></a> | |
| <a href="#"><i class="fab fa-facebook"></i></a> | |
| <a href="#"><i class="fab fa-instagram"></i></a> | |
| </div> | |
| </div> | |
| <div class="footer-links"> | |
| <h3>Solutions</h3> | |
| <ul> | |
| <li><a href="#">AI for Business</a></li> | |
| <li><a href="#">Machine Learning</a></li> | |
| <li><a href="#">Data Analytics</a></li> | |
| <li><a href="#">Process Automation</a></li> | |
| <li><a href="#">Predictive Modeling</a></li> | |
| </ul> | |
| </div> | |
| <div class="footer-links"> | |
| <h3>Company</h3> | |
| <ul> | |
| <li><a href="#">About Us</a></li> | |
| <li><a href="#">Careers</a></li> | |
| <li><a href="#">Case Studies</a></li> | |
| <li><a href="#">Press</a></li> | |
| <li><a href="#">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div class="footer-links newsletter"> | |
| <h3>Newsletter</h3> | |
| <p>Subscribe to our newsletter to receive updates on our latest solutions and industry insights.</p> | |
| <input type="email" placeholder="Your email address"> | |
| <button class="cta-btn">Subscribe</button> | |
| </div> | |
| </div> | |
| <div class="copyright"> | |
| <p>© 2023 fornia.ai. All rights reserved. | <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a></p> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile Menu Toggle | |
| const menuBtn = document.getElementById('menuBtn'); | |
| const navLinks = document.getElementById('navLinks'); | |
| menuBtn.addEventListener('click', () => { | |
| navLinks.classList.toggle('active'); | |
| menuBtn.innerHTML = navLinks.classList.contains('active') ? | |
| '<i class="fas fa-times"></i>' : '<i class="fas fa-bars"></i>'; | |
| }); | |
| // Navbar Scroll Effect | |
| const navbar = document.getElementById('navbar'); | |
| window.addEventListener('scroll', () => { | |
| if (window.scrollY > 50) { | |
| navbar.classList.add('scrolled'); | |
| } else { | |
| navbar.classList.remove('scrolled'); | |
| } | |
| }); | |
| // Testimonial Slider | |
| let slideIndex = 1; | |
| showSlides(slideIndex); | |
| function currentSlide(n) { | |
| showSlides(slideIndex = n); | |
| } | |
| function showSlides(n) { | |
| let i; | |
| let slides = document.getElementsByClassName("testimonial-slide"); | |
| let dots = document.getElementsByClassName("dot"); | |
| if (n > slides.length) {slideIndex = 1} | |
| if (n < 1) {slideIndex = slides.length} | |
| for (i = 0; i < slides.length; i++) { | |
| slides[i].classList.remove("active"); | |
| } | |
| for (i = 0; i < dots.length; i++) { | |
| dots[i].classList.remove("active"); | |
| } | |
| slides[slideIndex-1].classList.add("active"); | |
| dots[slideIndex-1].classList.add("active"); | |
| } | |
| // Auto slide change | |
| setInterval(() => { | |
| slideIndex++; | |
| if (slideIndex > document.getElementsByClassName("testimonial-slide").length) { | |
| slideIndex = 1; | |
| } | |
| showSlides(slideIndex); | |
| }, 5000); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| if (navLinks.classList.contains('active')) { | |
| navLinks.classList.remove('active'); | |
| menuBtn.innerHTML = '<i class="fas fa-bars"></i>'; | |
| } | |
| }); | |
| }); | |
| </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 <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body> | |
| </html> |