Changes

src/pages/Index.tsx

@@ -1,14 +1,58 @@
-// Update this page (the content is just a fallback if you fail to update the page)
+import { Link } from 'react-router-dom';
+import { Layout } from '@/components/Layout';
+import { Button } from '@/components/ui/button';
+import { ArrowRight, BookOpen, Video, Users } from 'lucide-react';
 
-const Index = () => {
+export default function Index() {
   return (
-    <div className="flex min-h-screen items-center justify-center bg-background">
-      <div className="text-center">
-        <h1 className="mb-4 text-4xl font-bold">Welcome to Your Blank App</h1>
-        <p className="text-xl text-muted-foreground">Start building your amazing project here!</p>
-      </div>
-    </div>
-  );
-};
+    <Layout>
+      <section className="container mx-auto px-4 py-16 text-center">
+        <h1 className="text-5xl md:text-6xl font-bold mb-6">
+          Learn. Grow. Succeed.
+        </h1>
+        <p className="text-xl text-muted-foreground max-w-2xl mx-auto mb-8">
+          Access premium consulting, live webinars, and intensive bootcamps to accelerate your career.
+        </p>
+        <div className="flex gap-4 justify-center">
+          <Link to="/products">
+            <Button size="lg" className="shadow-sm">
+              Browse Products
+              <ArrowRight className="w-4 h-4 ml-2" />
+            </Button>
+          </Link>
+          <Link to="/auth">
+            <Button size="lg" variant="outline" className="border-2">
+              Get Started
+            </Button>
+          </Link>
+        </div>
+      </section>
 
-export default Index;
+      <section className="container mx-auto px-4 py-16">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          <div className="border-2 border-border p-8 shadow-sm">
+            <Users className="w-12 h-12 mb-4" />
+            <h3 className="text-2xl font-bold mb-2">Consulting</h3>
+            <p className="text-muted-foreground">
+              One-on-one sessions with industry experts to solve your specific challenges.
+            </p>
+          </div>
+          <div className="border-2 border-border p-8 shadow-sm">
+            <Video className="w-12 h-12 mb-4" />
+            <h3 className="text-2xl font-bold mb-2">Webinars</h3>
+            <p className="text-muted-foreground">
+              Live and recorded sessions covering the latest trends and techniques.
+            </p>
+          </div>
+          <div className="border-2 border-border p-8 shadow-sm">
+            <BookOpen className="w-12 h-12 mb-4" />
+            <h3 className="text-2xl font-bold mb-2">Bootcamps</h3>
+            <p className="text-muted-foreground">
+              Intensive programs to master new skills in weeks, not months.
+            </p>
+          </div>
+        </div>
+      </section>
+    </Layout>
+  );
+}