Changes

src/pages/Index.tsx

@@ -1,17 +1,33 @@
 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';
+import { useBranding } from '@/hooks/useBranding';
+import { ArrowRight, BookOpen, Video, Users, Star, Award, Target, Zap, Heart, Shield, Rocket } from 'lucide-react';
+
+const iconMap: Record<string, React.ComponentType<{ className?: string }>> = {
+  Users,
+  Video,
+  BookOpen,
+  Star,
+  Award,
+  Target,
+  Zap,
+  Heart,
+  Shield,
+  Rocket,
+};
 
 export default function Index() {
+  const branding = useBranding();
+
   return (
     <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.
+          {branding.homepage_headline}
         </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.
+          {branding.homepage_description}
         </p>
         <div className="flex gap-4 justify-center">
           <Link to="/products">
@@ -30,27 +46,18 @@ export default function 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>
+          {branding.homepage_features.map((feature, index) => {
+            const IconComponent = iconMap[feature.icon] || Users;
+            return (
+              <div key={index} className="border-2 border-border p-8 shadow-sm">
+                <IconComponent className="w-12 h-12 mb-4" />
+                <h3 className="text-2xl font-bold mb-2">{feature.title}</h3>
+                <p className="text-muted-foreground">
+                  {feature.description}
+                </p>
+              </div>
+            );
+          })}
         </div>
       </section>
     </Layout>