worked on the image and and form and links

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) => (