worked on the image and and form and links

components/HeroSection.tsx

@@ -70,7 +70,8 @@ export function HeroSection() {
               animate={{ opacity: 1, y: 0 }}
               transition={{ duration: 0.8, delay: 0.3 }}
             >
-              Architecting Digital Success for Startups & Enterprises
+              {/* Architecting Digital Success for Startups & Enterprises */}
+              AI mobile application developers for Startups & Enterprises
             </motion.h1>
 
             <motion.p

components/Navigation.tsx

@@ -461,9 +461,9 @@ const navigationData = {
     { text: "Careers", icon: Briefcase, href: "/company/careers" },
   ],
   resources: [
-    { 
-      text: "Blogs", 
-      icon: BookOpen, 
+    {
+      text: "Blogs",
+      icon: BookOpen,
       href: "https://www.wdipl.com/blog",
       target: "_blank",
       rel: "noopener noreferrer"
@@ -621,7 +621,7 @@ const MegaMenu = ({
   timeoutRef,
 }: MegaMenuProps) => {
   const navigate = useNavigate();
-  
+
   if (!isOpen) return null;
 
   const handleNavigate = (path: string, target?: string) => {
@@ -1030,9 +1030,8 @@ export const Navigation = () => {
                   {item}
                   {hasDropdown(item) && (
                     <ChevronDown
-                      className={`w-4 h-4 transition-transform duration-200 ${
-                        activeMenu === item ? "rotate-180" : ""
-                      }`}
+                      className={`w-4 h-4 transition-transform duration-200 ${activeMenu === item ? "rotate-180" : ""
+                        }`}
                     />
                   )}
                 </a>
@@ -1045,7 +1044,8 @@ export const Navigation = () => {
               onClick={() => handleNavigation("/start-a-project")}
               className="hidden lg:flex"
             >
-              Get Started
+              {/* Get Started */}
+              Contact Us
             </Button>
 
             {/* Mobile Menu Button */}
@@ -1100,7 +1100,7 @@ export const Navigation = () => {
                     {item}
                   </a>
                 ))}
-                
+
                 {/* Mobile Resources Submenu */}
                 <div className="pl-4 space-y-2 border-l-2 border-[#E5195E]/30">
                   {navigationData.resources.map((resource) => (
@@ -1124,7 +1124,8 @@ export const Navigation = () => {
                   onClick={() => handleNavigation("/start-a-project")}
                   className="w-full mt-4"
                 >
-                  Get Started
+                  {/* Get Started */}
+                  Contact Us
                 </Button>
               </div>
             </div>

components/PackagesSection.tsx

@@ -15,7 +15,8 @@ const packages: Package[] = [
     icon: <Tablet className="w-8 h-8" />,
     title: "The Blueprint",
     timeline: "Product Definition in 1 Week",
-    priceRange: "$1,500 - $2,500",
+    // priceRange: "$1,500 - $2,500",
+    priceRange: "",
     features: [
       "Strategy & roadmap",
       "User flows & wireframes",
@@ -26,7 +27,9 @@ const packages: Package[] = [
     icon: <Rocket className="w-8 h-8" />,
     title: "The Prototype",
     timeline: "Working Demo in 2 Weeks",
-    priceRange: "$6,000 - $8,000",
+    // priceRange: "$6,000 - $8,000",
+    priceRange: "",
+
     features: [
       "Functional web or mobile prototype",
       "Core features implemented",
@@ -37,7 +40,9 @@ const packages: Package[] = [
     icon: <Crown className="w-8 h-8" />,
     title: "The Launchpad",
     timeline: "Market-Ready MVP in 6 Weeks",
-    priceRange: "$20,000 - $30,000",
+    // priceRange: "$20,000 - $30,000",
+    priceRange: "",
+
     features: [
       "Full website or app",
       "SEO-optimized & scalable",
@@ -50,7 +55,7 @@ export const PackagesSection = () => {
   return (
     <section className="relative py-20 bg-background overflow-hidden">
       <GridPattern strokeDasharray="4 2" />
-      
+
       <div className="relative z-10 container mx-auto px-6 lg:px-8">
         <motion.div
           initial={{ opacity: 0, y: 30 }}
@@ -63,7 +68,7 @@ export const PackagesSection = () => {
             Choose Your Speed. We'll Deliver Your Launch.
           </h2>
         </motion.div>
-        
+
         <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
           {packages.map((pkg, index) => (
             <motion.div
@@ -78,22 +83,22 @@ export const PackagesSection = () => {
               <div className="mb-6 inline-flex items-center justify-center w-16 h-16 rounded-full bg-accent/10 text-accent group-hover:bg-accent/20 group-hover:scale-110 transition-all duration-300">
                 {pkg.icon}
               </div>
-              
+
               {/* Title */}
               <h3 className="text-2xl font-semibold text-foreground mb-2 group-hover:text-accent transition-colors duration-300">
                 {pkg.title}
               </h3>
-              
+
               {/* Timeline */}
               <p className="text-muted-foreground mb-4">
                 {pkg.timeline}
               </p>
-              
+
               {/* Price Range */}
               <div className="text-3xl font-semibold text-foreground mb-8">
                 {pkg.priceRange}
               </div>
-              
+
               {/* Features List */}
               <ul className="space-y-4">
                 {pkg.features.map((feature, idx) => (