Initial commit from remix

src/components/ProcessSection.tsx

@@ -0,0 +1,55 @@
+const ProcessSection = () => {
+  const steps = [
+    {
+      number: "1",
+      title: "Input your location to start looking for landmarks.",
+      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra vitae quam integer semper."
+    },
+    {
+      number: "2", 
+      title: "Make an appointment at the place you want to visit.",
+      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra vitae quam integer."
+    },
+    {
+      number: "3",
+      title: "Visit the place and enjoy the experience.",
+      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pharetra vitae quam integer aenean."
+    }
+  ];
+
+  return (
+    <section className="py-20 bg-white">
+      <div className="max-w-7xl mx-auto px-4">
+        <div className="text-center mb-16">
+          <p className="text-primary font-medium mb-4">Best Way</p>
+          <h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-6">
+            Find Your Dream Place <span className="text-span">The Best Way</span>
+          </h2>
+          <p className="text-xl text-gray-600 max-w-2xl mx-auto">
+            Discover exciting categories. Find what you're looking for.
+          </p>
+        </div>
+
+        <div className="grid md:grid-cols-3 gap-8">
+          {steps.map((step, index) => (
+            <div key={index} className="text-center group">
+              <div className="relative mb-6">
+                <div className="w-16 h-16 bg-primary text-white text-2xl font-bold rounded-full flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform duration-300">
+                  {step.number}
+                </div>
+              </div>
+              <h4 className="text-xl font-semibold text-gray-900 mb-4 leading-tight">
+                {step.title}
+              </h4>
+              <p className="text-gray-600 leading-relaxed">
+                {step.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default ProcessSection;