Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
-import { Facebook } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -24,24 +23,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "About", id: "/about" },
-          id: "/",
+        { name: "Services", id: "/services" },
-        },
+        { name: "Contact", id: "/contact" },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="Southern Business Solutions"
     />
@@ -51,52 +38,35 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Our Mission and Commitment" },
-          type: "text",
-          content: "Our Mission and Commitment",
-        },
       ]}
     />
   </div>
 
   <div id="team" data-section="team">
-      <TeamCardFive
+      <TeamCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
       title="Leadership Team"
-      description="Expert guidance for your business growth."
+      tag="Our People"
-      team={[
+      membersAnimation="slide-up"
-        {
+      memberVariant="card"
-          id: "t1",
+      useInvertedBackground={false}
-          name: "Kasun Perera",
+      members={[
-          role: "Managing Director",
+        { id: "t1", name: "Kasun Perera", imageSrc: "http://img.b2bpic.net/free-photo/portrait-boss-with-his-two-colleagues-workplace-office_23-2147899935.jpg?_wi=2" },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-boss-with-his-two-colleagues-workplace-office_23-2147899935.jpg?_wi=2",
+        { id: "t2", name: "Dilini Wijesinghe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-showroom-agent-shaking-hands-with-clients-after-closing-deal_482257-124430.jpg?_wi=2" },
-        },
-        {
-          id: "t2",
-          name: "Dilini Wijesinghe",
-          role: "Operations Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-showroom-agent-shaking-hands-with-clients-after-closing-deal_482257-124430.jpg?_wi=2",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterSimple
-      logoText="Southern Business Solutions"
+      columns={[
-      copyrightText="© 2025 Southern Business Solutions. All Rights Reserved."
+        { title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] }
-      socialLinks={[
-        {
-          icon: Facebook,
-          href: "https://m.facebook.com/61583073645978/",
-          ariaLabel: "Facebook",
-        },
       ]}
+      bottomLeftText="© 2025 Southern Business Solutions."
+      bottomRightText="All Rights Reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import { Facebook } from "lucide-react";
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -24,81 +23,53 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "About", id: "/about" },
-          id: "/",
+        { name: "Services", id: "/services" },
-        },
+        { name: "Contact", id: "/contact" },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="Southern Business Solutions"
     />
   </div>
 
-  <div id="contact-info" data-section="contact-info">
+  <div id="contact-form" data-section="contact-form">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Get In Touch"
-      background={{
+      description="We'd love to hear from you. Please fill out the form below."
-        variant: "sparkles-gradient",
+      inputs={[
-      }}
+        { name: "name", type: "text", placeholder: "Full Name" },
-      text="Address: 184/A Koraduwa Watta, Baddegama 80200, Sri Lanka | Phone: +94 70 247 4490 | Business Hours: Mon-Fri 9AM-5PM"
+        { name: "email", type: "email", placeholder: "Email Address" }
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+94702474490",
-        },
       ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqBase
+      faqsAnimation="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       title="Contact Frequently Asked"
-      description="Reach out and we'll get back to you."
+      description="Questions answered here."
       faqs={[
-        {
+        { id: "c1", title: "Response time?", content: "We respond to all inquiries within 24 hours." },
-          id: "c1",
+        { id: "c2", title: "Office visits?", content: "Visits by appointment only." },
-          title: "Response time?",
-          content: "We respond to all inquiries within 24 hours.",
-        },
-        {
-          id: "c2",
-          title: "Office visits?",
-          content: "Visits by appointment only.",
-        },
       ]}
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterSimple
-      logoText="Southern Business Solutions"
+      columns={[
-      copyrightText="© 2025 Southern Business Solutions. All Rights Reserved."
+        { title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
-      socialLinks={[
-        {
-          icon: Facebook,
-          href: "https://m.facebook.com/61583073645978/",
-          ariaLabel: "Facebook",
-        },
       ]}
+      bottomLeftText="© 2025 Southern Business Solutions."
+      bottomRightText="All Rights Reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Facebook } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,93 +26,27 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "About", id: "/about" },
-          id: "/",
+        { name: "Services", id: "/services" },
-        },
+        { name: "Contact", id: "/contact" },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="Southern Business Solutions"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
+      <HeroLogoBillboard
-      background={{
+      logoText="Southern Business Solutions"
-        variant: "gradient-bars",
-      }}
-      title="Your Trusted Partner in Accounting & Business Solutions"
       description="Comprehensive bookkeeping, payroll, taxation, and HR consulting services for growing Sri Lankan businesses."
       buttons={[
-        {
+        { text: "Free Consultation", href: "/contact" },
-          text: "Get a Free Consultation",
+        { text: "Our Services", href: "/services" },
-          href: "/contact",
-        },
-        {
-          text: "Our Services",
-          href: "/services",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548715.jpg?_wi=1"
+      background={{ variant: "gradient-bars" }}
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
-          alt: "Client Profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
-          alt: "Client Profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
-          alt: "Client Profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-          alt: "Client Profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-girl-putting-coffee-tamper-brew-capuccino-prepare-order_1258-203400.jpg",
-          alt: "Client Profile",
-        },
-      ]}
-      avatarText="Trusted by 500+ Businesses"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Expert Tax Planning",
-        },
-        {
-          type: "text",
-          text: "Payroll Efficiency",
-        },
-        {
-          type: "text",
-          text: "Financial Compliance",
-        },
-        {
-          type: "text",
-          text: "HR Consulting",
-        },
-        {
-          type: "text",
-          text: "Data Security",
-        },
-      ]}
     />
   </div>
 
@@ -121,142 +54,64 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Reliability and Expertise" },
-          type: "text",
-          content: "Reliability and Expertise in Baddegama",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/successful-co-workers-with-digital-tablet_1098-2092.jpg",
-          alt: "Our Team",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn More About Us",
-          href: "/about",
-        },
       ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardOne
       animationType="slide-up"
-      textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
+      textboxLayout="default"
+      title="Client Success Stories"
+      description="Hear from our valued partners across Sri Lanka."
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Ranil Perera", role: "CEO", company: "TechStartup", rating: 5 },
-          id: "1",
+        { id: "2", name: "Anjali Silva", role: "Founder", company: "RetailCo", rating: 5 },
-          name: "Ranil Perera",
-          role: "CEO, TechStartup",
-          testimonial: "Southern Business Solutions streamlined our payroll processes effectively. Highly reliable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Anjali Silva",
-          role: "Founder, RetailCo",
-          testimonial: "Excellent tax consultation services. Very professional and detail-oriented.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
-        },
-        {
-          id: "3",
-          name: "Kamal Fernando",
-          role: "Manager, Local Trading",
-          testimonial: "Their accounting services are thorough and have helped us maintain compliance easily.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
-        },
-        {
-          id: "4",
-          name: "Sunil Weerakoon",
-          role: "Owner, Logistics Firm",
-          testimonial: "Great professional guidance for HR consulting. A dedicated team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-        },
-        {
-          id: "5",
-          name: "Deepa Wickrama",
-          role: "Entrepreneur",
-          testimonial: "Responsive and knowledgeable. Perfect partner for any growing business.",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
-        },
       ]}
-      title="What Our Clients Say"
-      description="Trusted by small and medium-sized enterprises across Sri Lanka."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Frequently Asked Questions"
-      description="Common inquiries about our financial services in Sri Lanka."
-      faqs={[
-        {
-          id: "f1",
-          title: "What areas do you serve?",
-          content: "We primarily serve businesses in the Baddegama area and throughout Southern Sri Lanka.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer remote services?",
-          content: "Yes, our digital systems allow us to manage your books and payroll remotely.",
-        },
-        {
-          id: "f3",
-          title: "How do I get started?",
-          content: "Simply contact us through our website to schedule your free consultation.",
-        },
-        {
-          id: "f4",
-          title: "Are your accountants certified?",
-          content: "Our team includes highly qualified professionals with deep expertise in local tax law.",
-        },
-      ]}
       faqsAnimation="slide-up"
+      textboxLayout="default"
+      title="Frequently Asked Questions"
+      description="Answers to your common queries."
+      faqs={[
+        { id: "f1", title: "Areas Served?", content: "Baddegama and Southern Sri Lanka." },
+        { id: "f2", title: "Remote Services?", content: "Yes, we are digital-first." },
+      ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="team" data-section="team">
-      <TeamCardFive
+      <TeamCardTen
-      animationType="slide-up"
+      title="Our Team"
-      textboxLayout="default"
+      tag="Meet the Experts"
-      useInvertedBackground={false}
+      memberVariant="card"
-      title="Our Expert Team"
+      membersAnimation="slide-up"
-      description="Meet the people behind Southern Business Solutions."
+      members={[
-      team={[
+        { id: "t1", name: "Kasun Perera" },
-        {
+        { id: "t2", name: "Nimali Silva" },
-          id: "t1",
-          name: "Kasun Perera",
-          role: "Senior Accountant",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-boss-with-his-two-colleagues-workplace-office_23-2147899935.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Nimali Silva",
-          role: "Tax Consultant",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-showroom-agent-shaking-hands-with-clients-after-closing-deal_482257-124430.jpg?_wi=1",
-        },
       ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterSimple
-      logoText="Southern Business Solutions"
+      columns={[
-      copyrightText="© 2025 Southern Business Solutions. All Rights Reserved."
+        { title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }
-      socialLinks={[
-        {
-          icon: Facebook,
-          href: "https://m.facebook.com/61583073645978/",
-          ariaLabel: "Facebook",
-        },
       ]}
+      bottomLeftText="© 2025 Southern Business Solutions."
+      bottomRightText="All Rights Reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -2,11 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import { BookOpen, CreditCard, Facebook, FileText } from "lucide-react";
 
 export default function ServicesPage() {
   return (
@@ -24,7 +23,7 @@ export default function ServicesPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
+          <NavbarStyleApple
             navItems={[
               { name: "Home", id: "/" },
               { name: "About", id: "/about" },
@@ -36,59 +35,39 @@ export default function ServicesPage() {
         </div>
 
         <div id="services-list" data-section="services-list">
-          <FeatureCardTwentyFive
+          <FeatureCardSeven
             animationType="slide-up"
-            textboxLayout="split"
+            textboxLayout="default"
             useInvertedBackground={false}
+            title="Our Services"
+            description="Top tier professional financial support."
             features={[
-              {
+              { title: "Bookkeeping", description: "Accurate and timely recording." },
-                title: "Bookkeeping Services",                description: "Accurate, timely, and organized financial record keeping to keep your business running smoothly.",                icon: BookOpen,
+              { title: "Payroll", description: "Secure payroll management." },
-                mediaItems: [
-                  { imageSrc: "http://img.b2bpic.net/free-photo/busy-businessman-his-office_1098-3603.jpg", imageAlt: "bookkeeping digital data finance" },
-                  { imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-arrangement_23-2148991189.jpg", imageAlt: "bookkeeping digital data finance" },
-                ],
-              },
-              {
-                title: "Payroll Management",                description: "Streamlined payroll processing to ensure your employees are paid on time and your compliance is secure.",                icon: CreditCard,
-                mediaItems: [
-                  { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-laptop-table_1232-4896.jpg", imageAlt: "payroll management dashboard" },
-                  { imageSrc: "http://img.b2bpic.net/free-photo/crop-businessman-using-tablet-table_1098-20059.jpg", imageAlt: "payroll management dashboard" },
-                ],
-              },
-              {
-                title: "Taxation Services",                description: "Expert tax planning and filing to help you minimize liabilities and remain compliant.",                icon: FileText,
-                mediaItems: [
-                  { imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-digital-tablet-office_1301-7623.jpg", imageAlt: "bookkeeping digital data finance" },
-                  { imageSrc: "http://img.b2bpic.net/free-photo/financial-analyst-reading-company-report-analyzing-statistics-data-project-manager-planning-startup-strategy-employee-checking-research-result-workplace-desk-coworking-space_482257-64529.jpg", imageAlt: "bookkeeping digital data finance" },
-                ],
-              },
             ]}
-            title="Professional Business Services"
-            description="We offer a wide range of financial and business support solutions tailored to your needs."
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqDouble
+          <FaqBase
+            faqsAnimation="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
             title="Services FAQ"
-            description="Details about our service process."
+            description="Everything you need to know."
             faqs={[
-              { id: "s1", title: "Turnaround time?", content: "Standard bookkeeping is typically completed within 5 business days." },
+              { id: "s1", title: "Turnaround?", content: "5 business days." },
-              { id: "s2", title: "Custom plans?", content: "Yes, we tailor our service scope to fit your business size." },
             ]}
-            faqsAnimation="slide-up"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterCard
+          <FooterSimple
-            logoText="Southern Business Solutions"
+            columns={[
-            copyrightText="© 2025 Southern Business Solutions. All Rights Reserved."
+              { title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }
-            socialLinks={[
-              { icon: Facebook, href: "https://m.facebook.com/61583073645978/", ariaLabel: "Facebook" },
             ]}
+            bottomLeftText="© 2025 Southern Business Solutions."
+            bottomRightText="All Rights Reserved."
           />
         </div>
       </ReactLenis>