Update src/app/page.tsx

src/app/page.tsx

@@ -21,7 +21,7 @@ export default function LandingPage() {
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
         contentWidth="small"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="medium"
         background="fluid"
         cardStyle="layered-gradient"
         primaryButtonStyle="diagonal-gradient"
@@ -32,14 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",          id: "about"},
+        { name: "Services", id: "features" },
-        {
+        { name: "Pricing", id: "pricing" },
-          name: "Services",          id: "features"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Fusion Builder"
     />
@@ -50,40 +46,16 @@ export default function LandingPage() {
       title="We Build the Future of the Web"
       description="Fusion Builder delivers high-performance websites for ambitious brands. From conceptualization to launch, we craft digital experiences that convert."
       testimonials={[
-        {
+        { name: "Sarah Miller", handle: "@smiller", testimonial: "Fusion Builder completely transformed our digital footprint. Extremely professional team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
-          name: "Sarah Miller",          handle: "@smiller",          testimonial: "Fusion Builder completely transformed our digital footprint. Extremely professional team.",          rating: 5,
+        { name: "David Chen", handle: "@dchen", testimonial: "The attention to detail in our new platform was unmatched. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
+        { name: "Elena Rodriguez", handle: "@erod", testimonial: "Fast turnaround and brilliant design. Everything we needed to scale.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
-        {
+        { name: "Marcus Thorne", handle: "@mthorne", testimonial: "Our conversion rate doubled after the redesign. Fusion Builder knows their craft.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg" },
-          name: "David Chen",          handle: "@dchen",          testimonial: "The attention to detail in our new platform was unmatched. Highly recommended.",          rating: 5,
+        { name: "Jordan Lee", handle: "@jlee", testimonial: "Seamless collaboration. The site is fast, modern, and perfectly aligned with our brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg"},
-        {
-          name: "Elena Rodriguez",          handle: "@erod",          testimonial: "Fast turnaround and brilliant design. Everything we needed to scale.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
-        {
-          name: "Marcus Thorne",          handle: "@mthorne",          testimonial: "Our conversion rate doubled after the redesign. Fusion Builder knows their craft.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg"},
-        {
-          name: "Jordan Lee",          handle: "@jlee",          testimonial: "Seamless collaboration. The site is fast, modern, and perfectly aligned with our brand.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
-      ]}
-      buttons={[
-        {
-          text: "Start Project",          href: "#contact"},
       ]}
+      buttons={[{ text: "Start Project", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040413.jpg"
-      avatars={[
+      titleClassName="text-black text-4xl"
-        {
+      descriptionClassName="text-black text-sm"
-          src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",          alt: "Positive Middle-aged Business Leader at Window"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",          alt: "Happy young professional posing in office"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",          alt: "Smiling mechanic standing in repair shop"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-74855-10324.jpg",          alt: "Portrait of grey-haired businessman standing"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg",          alt: "Portrait of serious young businessman in glasses"},
-      ]}
-      avatarText="Trusted by 200+ companies"
     />
   </div>
 
@@ -91,6 +63,8 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Crafting Digital Excellence"
+      titleClassName="text-black text-4xl"
+      className="text-black text-sm"
     />
   </div>
 
@@ -100,18 +74,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Zap, title: "Website Developement ", description: "High-performance sites tailored to your business goals." },
-          icon: Zap,
+        { icon: Layout, title: "UI/UX Design", description: "Intuitive interfaces built for user engagement and retention." },
-          title: "Web Development",          description: "High-performance sites tailored to your business goals."},
+        { icon: Shield, title: "Security & Maintenance", description: "Robust protection and constant monitoring to keep your site safe." },
-        {
-          icon: Layout,
-          title: "UI/UX Design",          description: "Intuitive interfaces built for user engagement and retention."},
-        {
-          icon: Shield,
-          title: "Security & Maintenance",          description: "Robust protection and constant monitoring to keep your site safe."},
       ]}
       title="Services We Offer"
       description="Our expertise spans across modern web development and design frameworks to build robust platforms."
+      textBoxTitleClassName="text-black text-3xl"
+      textBoxDescriptionClassName="text-black text-sm"
     />
   </div>
 
@@ -121,21 +91,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "starter", badge: "Essential", price: "$399 ", subtitle: "Perfect for small sites", features: ["Responsive Design", "Basic SEO", "Contact Form"] },
-          id: "starter",          badge: "Essential",          price: "$1,500",          subtitle: "Perfect for small sites",          features: [
+        { id: "pro", badge: "Best Value", price: "$599", subtitle: "Growth-oriented sites", features: ["Advanced SEO", "Content Mgmt", "Priority Support"] },
-            "Responsive Design",            "Basic SEO",            "Contact Form"],
+        { id: "enterprise", badge: "Custom", price: "Custom", subtitle: "Tailored for unique needs", features: ["Custom Features", "API Integration", "Dedicated Team"] },
-        },
-        {
-          id: "pro",          badge: "Best Value",          price: "$3,500",          subtitle: "Growth-oriented sites",          features: [
-            "Advanced SEO",            "Content Mgmt",            "Priority Support"],
-        },
-        {
-          id: "enterprise",          badge: "Custom",          price: "Custom",          subtitle: "Tailored for unique needs",          features: [
-            "Custom Features",            "API Integration",            "Dedicated Team"],
-        },
       ]}
       title="Simple Transparent Pricing"
       description="Choose a plan designed to help you scale your online presence."
+      textBoxTitleClassName="text-black text-3xl"
+      textBoxDescriptionClassName="text-black text-sm"
     />
   </div>
 
@@ -146,18 +109,14 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "200", title: "Projects Delivered", description: "Diverse projects from startups to large enterprises.", icon: Rocket },
-          id: "m1",          value: "200+",          title: "Projects Delivered",          description: "Diverse projects from startups to large enterprises.",          icon: Rocket,
+        { id: "m2", value: "98%", title: "Client Retention", description: "Long-term relationships built on trust and performance.", icon: ThumbsUp },
-        },
+        { id: "m3", value: "50ms", title: "Average Speed", description: "Optimized performance to keep users happy.", icon: Zap },
-        {
-          id: "m2",          value: "98%",          title: "Client Retention",          description: "Long-term relationships built on trust and performance.",          icon: ThumbsUp,
-        },
-        {
-          id: "m3",          value: "50ms",          title: "Average Speed",          description: "Optimized performance to keep users happy.",          icon: Zap,
-        },
       ]}
       title="Impact in Numbers"
       description="Our work speaks for itself through measurable results and growth for our partners."
+      textBoxTitleClassName="text-black text-3xl"
+      descriptionClassName="text-black text-sm"
     />
   </div>
 
@@ -166,19 +125,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", title: "Top Notch Work", quote: "Fantastic experience from start to finish.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg" },
-          id: "1",          title: "Top Notch Work",          quote: "Fantastic experience from start to finish.",          name: "Sarah J.",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg"},
+        { id: "2", title: "Reliable Partner", quote: "Fusion Builder is now our go-to partner.", name: "Mike R.", role: "CMO", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg" },
-        {
+        { id: "3", title: "Exceeded Expectations", quote: "Delivered ahead of schedule with great quality.", name: "Elena D.", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg" },
-          id: "2",          title: "Reliable Partner",          quote: "Fusion Builder is now our go-to partner.",          name: "Mike R.",          role: "CMO",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg"},
+        { id: "4", title: "Great Performance", quote: "Our web speed improved dramatically.", name: "David L.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/purposeful-young-businessman-looking-away_1262-3609.jpg" },
-        {
+        { id: "5", title: "Excellent Design", quote: "Design intuition is world-class.", name: "Jordan P.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-confident-man-elegant-suit-posing-with-hand-pocket-against-skyscraper-background_613910-4116.jpg" },
-          id: "3",          title: "Exceeded Expectations",          quote: "Delivered ahead of schedule with great quality.",          name: "Elena D.",          role: "Product Manager",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg"},
-        {
-          id: "4",          title: "Great Performance",          quote: "Our web speed improved dramatically.",          name: "David L.",          role: "CTO",          imageSrc: "http://img.b2bpic.net/free-photo/purposeful-young-businessman-looking-away_1262-3609.jpg"},
-        {
-          id: "5",          title: "Excellent Design",          quote: "Design intuition is world-class.",          name: "Jordan P.",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-confident-man-elegant-suit-posing-with-hand-pocket-against-skyscraper-background_613910-4116.jpg"},
       ]}
       title="Client Voices"
       description="We are proud of the relationships we've built with innovative companies."
+      textBoxTitleClassName="text-black text-3xl"
+      textBoxDescriptionClassName="text-black text-sm"
     />
   </div>
 
@@ -186,23 +142,25 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["TechNode", "GrowthLab", "InnovateCore", "StartupHive", "LogicStream", "ZenithMedia", "CloudVista"]}
-        "TechNode",        "GrowthLab",        "InnovateCore",        "StartupHive",        "LogicStream",        "ZenithMedia",        "CloudVista"]}
       title="Trusted by Innovative Companies"
       description="Working with industry leaders to push the boundaries of digital innovation."
+      textBoxTitleClassName="text-black text-3xl"
+      textBoxDescriptionClassName="text-black text-sm"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       tag="Let's Connect"
       title="Ready to Start Your Project?"
       description="Get in touch with us via phone at 315-664-3869 or email rabieadam975@gmail.com. We're ready to build."
       imageSrc="http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994395.jpg"
       mediaAnimation="slide-up"
+      titleClassName="text-black text-3xl"
+      descriptionClassName="text-black text-sm"
     />
   </div>
 
@@ -211,34 +169,14 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/working-architect-colleagues-discussing-layout-project_482257-8116.jpg"
       logoText="Fusion Builder"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
-          title: "Company",          items: [
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] },
-            {
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-              label: "About",              href: "#about"},
+      ]
-            {
+    }
-              label: "Services",              href: "#features"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Help Center",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
-      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}