<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ideas Before Time - AI + Human Expertise for Chemical Industry</title>
    <link rel="stylesheet" href="kent-style.css?v=2024121501">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        body { font-family: 'Inter', sans-serif; }
    </style>
</head>
<body>
    <header class="main-header">
        <div class="container">
            <div class="header-content fade-in-up">
                <h1 class="site-title">Ideas Before Time</h1>
                <p class="site-tagline">AI + Human Expertise for Chemical Industry</p>
            </div>
        </div>
    </header>

    <nav class="main-nav">
        <div class="container">
            <ul class="nav-links">
                <li><a href="/">Home</a></li>
                <li><a href="/about">About</a></li>
                <li><a href="/spo">SPO Tools</a></li>
                <li><a href="/jobs">Jobs</a></li>
                <li><a href="/market-reports">Reports</a></li>
                <li><a href="/blog">Blog</a></li>
            </ul>
        </div>
    </nav>

    <main class="container">
        <section class="content-section fade-in-up">
            <div class="row">
                <div class="col-8">
                    <h2>Welcome to Ideas Before Time</h2>
                    <p class="lead">Your premier destination for AI-powered chemical industry insights, professional tools, and market intelligence.</p>
                    <p>We combine cutting-edge artificial intelligence with deep human expertise to deliver unparalleled value to chemical industry professionals worldwide.</p>
                    <a href="/about" class="btn btn-primary">Learn More</a>
                </div>
                <div class="col-4">
                    <div class="card">
                        <h3>🚀 Quick Access</h3>
                        <ul style="list-style: none; padding: 0;">
                            <li style="margin: 10px 0;"><a href="/spo" class="btn btn-success" style="width: 100%; text-align: center;">SPO Tools (₹21)</a></li>
                            <li style="margin: 10px 0;"><a href="/jobs" class="btn btn-info" style="width: 100%; text-align: center;">Job Search</a></li>
                            <li style="margin: 10px 0;"><a href="/market-reports.html" class="btn btn-warning" style="width: 100%; text-align: center;">Market Reports</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section class="content-section fade-in-up">
            <h2 class="text-center mb-4">Our Services</h2>
            <div class="row">
                <div class="col-4">
                    <div class="card text-center">
                        <h3>💼 SPO Tools</h3>
                        <p>AI-powered LinkedIn profile optimization for just ₹21. Transform your professional presence in minutes.</p>
                        <a href="/spo" class="btn btn-primary">Get Started</a>
                    </div>
                </div>
                <div class="col-4">
                    <div class="card text-center">
                        <h3>🔍 Job Search</h3>
                        <p>Advanced AI job search dashboard with personalized recommendations and industry insights.</p>
                        <a href="/jobs" class="btn btn-success">Search Jobs</a>
                    </div>
                </div>
                <div class="col-4">
                    <div class="card text-center">
                        <h3>📊 Market Reports</h3>
                        <p>Comprehensive chemical industry reports with AI-driven analysis and market forecasts.</p>
                        <a href="/market-reports" class="btn btn-warning">View Reports</a>
                    </div>
                </div>
            </div>
        </section>

        <section class="content-section gradient-primary" style="color: white;">
            <div class="text-center">
                <h2>Why Choose Ideas Before Time?</h2>
                <div class="row mt-4">
                    <div class="col-3">
                        <h3>🤖 AI-Powered</h3>
                        <p>Advanced artificial intelligence for accurate insights</p>
                    </div>
                    <div class="col-3">
                        <h3>👨‍💼 Expert-Driven</h3>
                        <p>Human expertise combined with AI capabilities</p>
                    </div>
                    <div class="col-3">
                        <h3>💰 Affordable</h3>
                        <p>Professional tools starting from just ₹21</p>
                    </div>
                    <div class="col-3">
                        <h3>🚀 Fast Results</h3>
                        <p>Get insights and results in minutes, not hours</p>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="main-footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <ul>
                        <li><a href="/">Home</a></li>
                        <li><a href="/about">About</a></li>
                        <li><a href="/blog">Blog</a></li>
                        <li><a href="/innovations">Tools</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Services</h3>
                    <ul>
                        <li><a href="/spo">SPO Tools</a></li>
                        <li><a href="/jobs">Job Search</a></li>
                        <li><a href="/market-reports">Market Reports</a></li>
                        <li><a href="/goda-kiro">GODA KIRO</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Legal</h3>
                    <ul>
                        <li><a href="/privacy-policy.html">Privacy Policy</a></li>
                        <li><a href="/terms-and-disclaimer.html">Terms</a></li>
                        <li><a href="/disclaimer.html">Disclaimer</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Contact</h3>
                    <p>Email: info@ideasbeforetime.com</p>
                    <p>Professional AI + Human Expertise</p>
                    <p>Chemical Industry Solutions</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 Ideas Before Time. All rights reserved.</p>
            </div>
        </div>
    </footer>
</body>
</html>