From 5a3630b343cf21235d07e4af71c9873842db8ce7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 17:10:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 245 +++++++++++++++++++++++++----------------------
 1 file changed, 132 insertions(+), 113 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dcaf789..19acb7e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Headphones, Phone, ShieldCheck } from "lucide-react";
+import { Headphones, Phone, ShieldCheck, MessageCircle, Calendar } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,126 +28,145 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Services", id: "features" },
-        { name: "Testimonials", id: "testimonials" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Crafting Calls LLC"
-    />
-  </div>
+        <div className="fixed bottom-6 right-6 z-50 flex flex-col gap-4">
+          <a 
+            href="https://wa.me/1234567890" 
+            target="_blank" 
+            className="bg-green-500 text-white p-4 rounded-full shadow-lg hover:scale-110 transition-transform"
+            aria-label="WhatsApp"
+          >
+            <MessageCircle size={28} />
+          </a>
+          <a 
+            href="#contact" 
+            className="bg-blue-600 text-white p-4 rounded-full shadow-lg hover:scale-110 transition-transform"
+            aria-label="Book Appointment"
+          >
+            <Calendar size={28} />
+          </a>
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{ variant: "gradient-bars" }}
-      title="Beyond Calls, Crafting Success"
-      description="Crafting Calls LLC provides world-class call centre solutions designed to streamline your communication and boost business efficiency."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dx4OGL3LeWziG6okH1UbXBl6Eq/uploaded-1779210519827-lyoc6fcb.jpg?_wi=1"
-      imageAlt="Professional customer support agent"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Crafting Calls LLC"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        { type: "text", content: "Our Commitment to " },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg", alt: "Collaborative Team" },
-        { type: "text", content: " Excellence" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Beyond Calls, Crafting Success"
+            description="Crafting Calls LLC provides world-class call centre solutions designed to streamline your communication and boost business efficiency."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dx4OGL3LeWziG6okH1UbXBl6Eq/uploaded-1779210519827-lyoc6fcb.jpg?_wi=1"
+            imageAlt="Professional customer support agent"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        { icon: Headphones, title: "Inbound Support", description: "Reliable inbound support for all your customer inquiries, available 24/7." },
-        { icon: Phone, title: "Outbound Sales", description: "High-converting outbound calling strategies that generate leads and drive revenue." },
-        { icon: ShieldCheck, title: "Data Security", description: "Strict adherence to data protection regulations, keeping your customers' information safe." },
-      ]}
-      title="Our Expert Services"
-      description="We specialize in high-quality call handling, customer support, and sales outreach designed to represent your brand with perfection."
-    />
-  </div>
+        <div id="about" data-section="about">
+            <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Our Commitment to " },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg", alt: "Collaborative Team" },
+              { type: "text", content: " Excellence" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "99.9%", title: "Uptime", items: ["Constant availability", "Robust systems"] },
-        { id: "m2", value: "24/7", title: "Support", items: ["Around the clock", "Global coverage"] },
-        { id: "m3", value: "95%", title: "Retention", items: ["High satisfaction", "Long-term partners"] },
-      ]}
-      title="Proven Performance"
-      description="Data-driven results that showcase our reliability and effectiveness as a premium call partner."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Headphones, title: "Inbound Support", description: "Reliable inbound support for all your customer inquiries, available 24/7." },
+              { icon: Phone, title: "Outbound Sales", description: "High-converting outbound calling strategies that generate leads and drive revenue." },
+              { icon: ShieldCheck, title: "Data Security", description: "Strict adherence to data protection regulations, keeping your customers' information safe." },
+            ]}
+            title="Our Expert Services"
+            description="We specialize in high-quality call handling, customer support, and sales outreach designed to represent your brand with perfection."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Crafting Calls LLC transformed our customer service operations. Their professionalism is unmatched."
-      rating={5}
-      author="Jane Doe, CEO"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Client 1" },
-        { src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Client 2" },
-        { src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", alt: "Client 3" },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "99.9%", title: "Uptime", items: ["Constant availability", "Robust systems"] },
+              { id: "m2", value: "24/7", title: "Support", items: ["Around the clock", "Global coverage"] },
+              { id: "m3", value: "95%", title: "Retention", items: ["High satisfaction", "Long-term partners"] },
+            ]}
+            title="Proven Performance"
+            description="Data-driven results that showcase our reliability and effectiveness as a premium call partner."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "1", title: "What industries do you support?", content: "We support a wide range of industries including healthcare, retail, tech, and logistics." },
-        { id: "2", title: "Are your agents trained?", content: "Yes, all our agents undergo rigorous training to ensure they represent your brand effectively." },
-        { id: "3", title: "How quickly can we get started?", content: "We can get your campaign running within 48 hours after onboarding." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/white-office-desk-table_93675-132588.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Get quick answers to common questions about our call center services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="Crafting Calls LLC transformed our customer service operations. Their professionalism is unmatched."
+            rating={5}
+            author="Jane Doe, CEO"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", alt: "Client 3" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get In Touch"
-      description="Whether you are in Pakistan or the USA, we are here to support your business. Reach out to our regional offices for dedicated support."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Name" },
-        { name: "email", type: "email", placeholder: "Email" },
-      ]}
-      textarea={{ name: "message", placeholder: "How can we help you? (Pakistan: +92 51 000 0000 | USA: +1 303 000 0000 | Email: support@craftingcalls.pk / us-info@craftingcalls.com)" }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dx4OGL3LeWziG6okH1UbXBl6Eq/uploaded-1779210519827-lyoc6fcb.jpg?_wi=2"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "What industries do you support?", content: "We support a wide range of industries including healthcare, retail, tech, and logistics." },
+              { id: "2", title: "Are your agents trained?", content: "Yes, all our agents undergo rigorous training to ensure they represent your brand effectively." },
+              { id: "3", title: "How quickly can we get started?", content: "We can get your campaign running within 48 hours after onboarding." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/white-office-desk-table_93675-132588.jpg"
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Get quick answers to common questions about our call center services."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Services", items: [{ label: "Inbound Support", href: "#features" }, { label: "Outbound Sales", href: "#features" }] },
-        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
-      ]}
-      logoText="Crafting Calls LLC"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplitForm
+            useInvertedBackground={false}
+            title="Book Your Consultation"
+            description="Schedule your appointment today. Simply fill out the form below and we'll reach out to discuss how we can elevate your business communication."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "date", type: "date", placeholder: "Preferred Date", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "How can we help you? Share your specific requirements.", rows: 4, required: true }}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dx4OGL3LeWziG6okH1UbXBl6Eq/uploaded-1779210519827-lyoc6fcb.jpg?_wi=2"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Inbound Support", href: "#features" }, { label: "Outbound Sales", href: "#features" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            logoText="Crafting Calls LLC"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1