Initial commit

components/Benefits.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { BENEFITS } from '../constants';
+
+const Benefits: React.FC = () => {
+  return (
+    <div className="py-24 bg-white">
+      <div className="container mx-auto px-6">
+        <div className="grid grid-cols-1 lg:grid-cols-12 gap-12">
+          
+          <div className="lg:col-span-4">
+            <span className="text-sm text-gray-500 uppercase tracking-widest mb-2 block">Выбирая нас</span>
+            <h2 className="text-4xl font-bold text-gray-900 mb-6">Вы получаете</h2>
+            <p className="text-gray-500 text-sm">Нас выбирают люди</p>
+          </div>
+
+          <div className="lg:col-span-8 grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-16">
+            {BENEFITS.map((item, index) => (
+              <div key={index} className="flex flex-col items-start gap-4">
+                <div className="w-12 h-12 rounded-full bg-brand-orange/20 flex items-center justify-center text-brand-orange">
+                  <item.icon size={24} />
+                </div>
+                <p className="text-gray-700 leading-relaxed font-medium">
+                  {item.description}
+                </p>
+              </div>
+            ))}
+          </div>
+
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Benefits;