Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -48,7 +48,7 @@ export default function LandingPage() {
       title="Elevating Brands Through Premium Web Design"
       description="Brightline Web crafts high-converting digital experiences that turn visitors into loyal customers. We blend aesthetics with strategy."
       tag="Crafting Premium Digital Growth"
-      buttons={[{ text: "Get Your Free Strategy", href: "#contact" }]}
+      buttons={[{ text: "Get Your Free Strategy - Contact: brightlinewebsolutions@gmail.com", href: "#contact" }]}
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg", imageAlt: "minimalist abstract web design agency" },
         { imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898156.jpg", imageAlt: "minimalist abstract web design agency" }
@@ -62,8 +62,12 @@ export default function LandingPage() {
   <div id="services" data-section="services">
       <FeatureHoverPattern
       animationType="slide-up"
-      textboxLayout="split"
+      textboxLayout="inline-image"
       useInvertedBackground={false}
+      titleSegments={[
+        { type: "image", src: "http://img.b2bpic.net/free-photo/minimal-design-studio-abstract-composition_23-2148767215.jpg", alt: "service-top-image" },
+        { type: "text", content: "Our Specialized Digital Services" }
+      ]}
       features={[
         { icon: Monitor, title: "Web Design", description: "Custom websites tailored to your specific business goals and audience." },
         { icon: Zap, title: "Landing Pages", description: "High-conversion landing pages engineered to drive measurable results." },
@@ -81,12 +85,12 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "Tech Startup Platform", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454615.jpg" },
+        { id: "p1", name: "Tech Startup Platform", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454615.jpg" },
-        { id: "p2", name: "Luxury Retail Experience", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/vintage-vaporwave-background_23-2148872602.jpg" },
+        { id: "p2", name: "Luxury Retail Experience", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-vector/vintage-vaporwave-background_23-2148872602.jpg" },
-        { id: "p3", name: "Digital SaaS Identity", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-vases-with-decorative-branches-soft-lighting_24972-3108.jpg" },
+        { id: "p3", name: "Digital SaaS Identity", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-vases-with-decorative-branches-soft-lighting_24972-3108.jpg" },
-        { id: "p4", name: "Professional Service Hub", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/feedback-review-good-service-4-star-icon-symbol-concept-yellow-background-3d-illustration_56104-1566.jpg" },
+        { id: "p4", name: "Professional Service Hub", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/feedback-review-good-service-4-star-icon-symbol-concept-yellow-background-3d-illustration_56104-1566.jpg" },
-        { id: "p5", name: "Fitness Brand Portal", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-landing-page-template_23-2149928631.jpg" },
+        { id: "p5", name: "Fitness Brand Portal", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-landing-page-template_23-2149928631.jpg" },
-        { id: "p6", name: "Creative Agency Portfolio", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg" }
+        { id: "p6", name: "Creative Agency Portfolio", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg" }
       ]}
       title="Selected Project Work"
       description="A glimpse into our recent design work for high-growth brands."
@@ -110,15 +114,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",          badge: "Essential",          price: "$3,500",          subtitle: "For small businesses starting out",          buttons: [{ text: "Inquire" }],
+          id: "starter",          badge: "Essential",          price: "$600",          subtitle: "For small businesses starting out",          buttons: [{ text: "Inquire" }],
           features: ["Custom Landing Page", "Responsive Layout", "Basic SEO Optimization"]
         },
         {
-          id: "growth",          badge: "Popular",          price: "$7,500",          subtitle: "For established brands scaling up",          buttons: [{ text: "Inquire" }],
+          id: "growth",          badge: "Popular",          price: "$1000",          subtitle: "For established brands scaling up",          buttons: [{ text: "Inquire" }],
           features: ["Full Website Design", "Content Strategy", "Advanced SEO Setup", "Speed Optimization"]
         },
         {
-          id: "enterprise",          badge: "Custom",          price: "Custom",          subtitle: "For ambitious enterprise needs",          buttons: [{ text: "Get a Quote" }],
+          id: "enterprise",          badge: "Pro ",          price: "Pro ",          subtitle: "For ambitious enterprise needs",          buttons: [{ text: "Get a Quote" }],
           features: ["Full Identity Systems", "Enterprise Architecture", "Ongoing Maintenance", "Direct Support"]
         }
       ]}
@@ -171,7 +175,16 @@ export default function LandingPage() {
       inputPlaceholder="Your business email"
       buttonText="Get Started"
       tag="Let's Talk"
+      onSubmit={(email: string) => {}}
     />
+    <div className="flex flex-wrap gap-4 justify-center py-8">
+        <a href="mailto:brightlinewebsolutions@gmail.com" className="bg-primary-cta text-primary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity">
+            Email Us
+        </a>
+        <a href="tel:3233243186" className="bg-secondary-cta text-secondary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity border border-accent">
+            Call: 323-324-3186
+        </a>
+    </div>
   </div>
 
   <div id="footer" data-section="footer">
@@ -184,4 +197,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}