feat: add component conference location with head

src/app/components/ConferenceLocation.tsx

@@ -0,0 +1,19 @@
+import { RiFlagLine } from "react-icons/ri";
+
+export default function ConferenceLocation() {
+  return (
+    <section className="py-6 lg:py-12">
+      <div className="container space-y-16">
+        {/* head */}
+        <div className="flex flex-col items-center gap-2">
+        <RiFlagLine className="size-12 fill-green-500 lg:size-16" />
+          <h3 className="text-2xl font-bold lg:text-3xl">محل برگزاری همایش</h3>
+        </div>
+        {/* body */}
+        <div>
+
+        </div>
+      </div>
+    </section>
+  );
+}

src/app/page.tsx

@@ -1,3 +1,4 @@
+import ConferenceLocation from "./components/ConferenceLocation";
 import Hero from "./components/Hero/Hero";
 import Navbar from "@/components/Navbar";
 
@@ -6,6 +7,7 @@ export default function Home() {
     <main>
       <Navbar />
       <Hero />
+      <ConferenceLocation />
     </main>
   );
 }