diff --git a/public/exp1.png b/public/exp1.png
new file mode 100644
index 0000000..126f9d9
Binary files /dev/null and b/public/exp1.png differ
diff --git a/public/exp2.jpeg b/public/exp2.jpeg
new file mode 100644
index 0000000..833da08
Binary files /dev/null and b/public/exp2.jpeg differ
diff --git a/public/exp3.jpeg b/public/exp3.jpeg
new file mode 100644
index 0000000..e46dfb3
Binary files /dev/null and b/public/exp3.jpeg differ
diff --git a/public/exp4.jpeg b/public/exp4.jpeg
new file mode 100644
index 0000000..72f71f7
Binary files /dev/null and b/public/exp4.jpeg differ
diff --git a/public/exp5.jpeg b/public/exp5.jpeg
new file mode 100644
index 0000000..4356352
Binary files /dev/null and b/public/exp5.jpeg differ
diff --git a/public/exp6.jpeg b/public/exp6.jpeg
new file mode 100644
index 0000000..dcfe1bc
Binary files /dev/null and b/public/exp6.jpeg differ
diff --git a/public/exp7.jpeg b/public/exp7.jpeg
new file mode 100644
index 0000000..8d2205b
Binary files /dev/null and b/public/exp7.jpeg differ
diff --git a/src/app/(pages)/expertdev/page.jsx b/src/app/(pages)/expertdev/page.jsx
new file mode 100644
index 0000000..a681ad1
--- /dev/null
+++ b/src/app/(pages)/expertdev/page.jsx
@@ -0,0 +1,184 @@
+"use client";
+import React, { useState } from 'react';
+import { PlayCircle, Users, ArrowRightCircle, ChevronDown, ChevronUp } from 'lucide-react';
+
+// Header Section with Animated Background and Text
+const Header = () => {
+ return (
+
+
+
+
+
+
+
Google Developer Experts
+
+ Join a global network of over 1,000 professionals. Connect, share, and grow with Google Developer Experts.
+
+
+
+
+
+
+
+ );
+};
+
+// Section for Program Benefits with Images and Icons
+const ProgramBenefits = () => {
+ const benefits = [
+ {
+ title: "Share",
+ description: "Share your knowledge with the developer community by speaking at events and mentoring others.",
+ icon: ,
+ image: "/exp1.png",
+ },
+ {
+ title: "Connect",
+ description: "Join a passionate community of technologists from around the world and network with Google teams.",
+ icon: ,
+ image: "/exp2.jpeg",
+ },
+ {
+ title: "Develop",
+ description: "Grow your career by getting featured in the GDE directory and gaining early access to products.",
+ icon: ,
+ image: "/exp3.jpeg",
+ },
+ ];
+
+ return (
+
+
Program Benefits
+
+ {benefits.map((benefit, index) => (
+
+
+
+
{benefit.icon}
+
{benefit.title}
+
{benefit.description}
+
+
+ ))}
+
+
+ );
+};
+
+// Testimonials Section with Image and Playable Video Thumbnails
+const Testimonials = () => {
+ const testimonials = [
+ {
+ title: "Fostering an inclusive tech community with Evelyn Mendes",
+ link: "#",
+ image: "/exp3.jpeg",
+ },
+ {
+ title: "Using Machine Learning for COVID-19 helpline with Krupal Modi",
+ link: "#",
+ image: "/exp4.jpeg",
+ },
+ {
+ title: "Indian sign language recognition with Akshay Bahadur",
+ link: "#",
+ image: "/exp5.jpeg",
+ },
+ {
+ title: "My GDE journey by Lara Martin",
+ link: "#",
+ image: "/exp6.jpeg",
+ },
+ ];
+
+ return (
+