first commit

2025-12-02 14:42:40 +05:30
commit e87bdd45a1
66 changed files with 9380 additions and 0 deletions
--- a/app/(public)/_homeComponents/CompanySlider.tsx
+++ b/app/(public)/_homeComponents/CompanySlider.tsx
@@ -0,0 +1,51 @@
+"use client";
+import React, {  } from "react";
+import { motion } from "framer-motion";
+import AnimatedSection from "./Animated";
+import { home } from "@/services/Constants";
+
+
+
+
+// Company Logos Slider
+const CompanySlider = () => {
+  return (
+    <section className="py-16 bg-white">
+      <div className="max-w-7xl mx-auto px-4">
+        <AnimatedSection>
+          <p className="text-center text-gray-600 font-semibold mb-12">
+            TRUSTED BY LEADING COMPANIES WORLDWIDE
+          </p>
+        </AnimatedSection>
+
+        <div className="relative overflow-hidden">
+          <motion.div
+            animate={{ x: ["0%", "-50%"] }}
+            transition={{
+              duration: 30,
+              repeat: Infinity,
+              ease: "linear",
+            }}
+            className="flex gap-12 items-center"
+          >
+            {[...home.companies, ...home.companies].map(
+              (company, index) => (
+                <div
+                  key={index}
+                  className="flex items-center gap-3 px-6 py-4 bg-gray-50 rounded-xl min-w-fit hover:bg-gray-100 transition-colors"
+                >
+                  <span className="text-4xl">{company.logo}</span>
+                  <span className="text-xl font-bold text-gray-800 whitespace-nowrap">
+                    {company.name}
+                  </span>
+                </div>
+              )
+            )}
+          </motion.div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default CompanySlider