Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Services", id: "features" },
-        },
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Crafting Calls LLC"
     />
@@ -58,12 +43,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="Beyond Calls, Crafting Success"
-      }}
-      title="Elevate Your Customer Experience"
       description="Crafting Calls LLC provides world-class call centre solutions designed to streamline your communication and boost business efficiency."
-      imageSrc="http://img.b2bpic.net/free-photo/friendly-customer-support-workers-respond-customers-inquiries_482257-126788.jpg"
+      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>
@@ -72,19 +55,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Our Commitment to " },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg", alt: "Collaborative Team" },
-          content: "Our Commitment to ",
+        { type: "text", content: " Excellence" },
-        },
-        {
-          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>
@@ -95,21 +68,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Headphones, title: "Inbound Support", description: "Reliable inbound support for all your customer inquiries, available 24/7." },
-          icon: Headphones,
+        { icon: Phone, title: "Outbound Sales", description: "High-converting outbound calling strategies that generate leads and drive revenue." },
-          title: "Inbound Support",
+        { icon: ShieldCheck, title: "Data Security", description: "Strict adherence to data protection regulations, keeping your customers' information safe." },
-          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."
@@ -122,33 +83,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "99.9%", title: "Uptime", items: ["Constant availability", "Robust systems"] },
-          id: "m1",
+        { id: "m2", value: "24/7", title: "Support", items: ["Around the clock", "Global coverage"] },
-          value: "99.9%",
+        { id: "m3", value: "95%", title: "Retention", items: ["High satisfaction", "Long-term partners"] },
-          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."
@@ -162,26 +99,9 @@ export default function LandingPage() {
       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/portrait-smiley-business-woman_23-2148603029.jpg",
+        { src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Client 2" },
-          alt: "Client 1",
+        { 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" },
-        },
-        {
-          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",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
-          alt: "Client 5",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -193,21 +113,9 @@ export default function LandingPage() {
       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: "1",
+        { id: "2", title: "Are your agents trained?", content: "Yes, all our agents undergo rigorous training to ensure they represent your brand effectively." },
-          title: "What industries do you support?",
+        { id: "3", title: "How quickly can we get started?", content: "We can get your campaign running within 48 hours after onboarding." },
-          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"
@@ -220,57 +128,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Contact Us Today"
+      title="Get In Touch"
-      description="Ready to upgrade your calling operations? Reach out and we'll craft the perfect plan for you."
+      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: "name",
+        { name: "email", type: "email", placeholder: "Email" },
-          type: "text",
-          placeholder: "Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-        },
       ]}
-      textarea={{
+      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)" }}
-        name: "message",
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dx4OGL3LeWziG6okH1UbXBl6Eq/uploaded-1779210519827-lyoc6fcb.jpg?_wi=2"
-        placeholder: "How can we help you?",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-call-gesture-isolated-purple_141793-84101.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Services", items: [{ label: "Inbound Support", href: "#features" }, { label: "Outbound Sales", href: "#features" }] },
-          title: "Services",
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
-          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"
     />
@@ -278,4 +151,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}