Update src/app/page.tsx

src/app/page.tsx

@@ -5,15 +5,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FaqBase from "@/components/sections/faq/FaqBase";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import { Sparkles, ArrowUpRight, Search } from "lucide-react";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -33,9 +30,10 @@ export default function WebAgency2Page() {
         <NavbarLayoutFloatingOverlay
           brandName="Oursgigi"
           navItems={[
-            { name: "Work", id: "work" },
-            { name: "Services", id: "services" },
             { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Portfolio", id: "portfolio" },
+            { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" },
           ]}
           button={{ text: "Get Started", href: "#contact" }}
@@ -49,7 +47,7 @@ export default function WebAgency2Page() {
           background={{ variant: "canvas-reveal" }}
           buttons={[
             { text: "Our Capabilities", href: "#services" },
-            { text: "Portfolio", href: "#work" },
+            { text: "Portfolio", href: "#portfolio" },
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
@@ -65,128 +63,71 @@ export default function WebAgency2Page() {
           ]}
           carouselItemClassName="!aspect-[4/5]"
         />
-        <FeatureBento
+        <div id="about" data-section="about">
-          title="Our Core Competencies"
+            <TextSplitAbout 
-          description="Strategically curated services designed to scale your vision."
+                title="About Oursgigi"
-          textboxLayout="default"
+                description={["We believe in the power of purposeful digital design. Our approach blends technical rigor with creative passion to deliver solutions that resonate.", "Founded on the principle of transparency, we partner with visionaries to build the future of their brands."]}
-          useInvertedBackground={false}
+                useInvertedBackground={true}
-          animationType="slide-up"
+            />
-          buttons={[{ text: "Explore Services", href: "#services" }]}
+        </div>
-          features={[
+        <div id="services" data-section="services">
-            {
+            <FeatureBento
-              title: "Search Visibility",              description: "Advanced SEO frameworks to ensure your brand is discovered by the right audience.",              bentoComponent: "marquee",              centerIcon: Search,
+              title="Core Services"
-              variant: "text",              texts: ["Authority", "Visibility", "Engagement", "Search Rank", "Conversion", "Insights"],
+              description="Strategic, outcome-driven services designed to scale your vision."
-            },
+              textboxLayout="default"
-            {
+              useInvertedBackground={false}
-              title: "Technical Engineering",              description: "Custom software built for speed, scalability, and seamless performance.",              bentoComponent: "media-stack",              items: [
+              animationType="slide-up"
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cj2j0j", imageAlt: "Technical stack design" },
+              features={[
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9vvzw6", imageAlt: "API integration architecture" },
+                { title: "Brand Strategy", description: "Crafting unique narratives and visual identities that distinguish your brand.", bentoComponent: "reveal-icon", icon: Sparkles },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7fh17p", imageAlt: "Deployment pipeline" },
+                { title: "Digital Engineering", description: "High-performance software development tailored to complex business needs.", bentoComponent: "media-stack", items: [{imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c"}] },
-              ],
+                { title: "Search Presence", description: "Optimizing visibility to ensure your products connect with your audience.", bentoComponent: "marquee", centerIcon: Search, variant: "text", texts: ["SEO", "Performance", "Conversion"] },
-            },
+              ]}
-            {
+            />
-              title: "Brand Strategy",              description: "Developing cohesive visual languages that communicate your unique market position.",              bentoComponent: "media-stack",              items: [
+        </div>
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=43ddh6", imageAlt: "Design system 1" },
+        <div id="portfolio" data-section="portfolio">
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=33etj5", imageAlt: "Design system 2" },
+            <ProductCardTwo
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xl78g", imageAlt: "Design system 3" },
+              title="Portfolio"
-              ],
+              description="A showcase of our recent ventures and impactful projects."
-            },
+              gridVariant="bento-grid"
-          ]}
+              textboxLayout="default"
-        />
+              animationType="slide-up"
-        <FeatureCardTwentySix
+              useInvertedBackground={true}
-          title="Selected Ventures"
+              products={[
-          description="Impactful work for leaders and visionaries across the globe."
+                { id: "1", name: "Velour Fashion", brand: "E-commerce", price: "Re-engineered", rating: 5, reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dseg2j" },
-          textboxLayout="default"
+                { id: "2", name: "Aero Logistics", brand: "Portal", price: "Custom Dev", rating: 5, reviewCount: "30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anhv64" },
-          useInvertedBackground={false}
+                { id: "3", name: "Nova Fintech", brand: "Banking", price: "UX Optimization", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1u8hai" },
-          buttons={[{ text: "View Full Portfolio", href: "#work" }]}
+              ]}
-          cardClassName="!h-auto aspect-video"
+            />
-          features={[
+        </div>
-            { title: "Velour Fashion", description: "High-end e-commerce re-engineering", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dseg2j", imageAlt: "Project 1", buttonIcon: ArrowUpRight },
+        <div id="testimonials" data-section="testimonials">
-            { title: "Aero Logistics", description: "Corporate dashboard portal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anhv64", imageAlt: "Project 2", buttonIcon: ArrowUpRight },
+            <TestimonialCardTwo
-            { title: "Nova Fintech", description: "Banking UX optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1u8hai", imageAlt: "Project 3", buttonIcon: ArrowUpRight },
+              title="Client Stories"
-            { title: "Veritas Realty", description: "Real estate visualization engine", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=masbrj", imageAlt: "Project 4", buttonIcon: ArrowUpRight },
+              description="Hear from our partners about the impact we've created together."
-          ]}
+              textboxLayout="default"
-        />
+              animationType="slide-up"
-        <FeatureBento
+              useInvertedBackground={false}
-          title="The Oursgigi Standard"
+              testimonials={[
-          description="Rigorous quality assurance for every pixel and line of code."
+                  { id: "t1", name: "Elena Vane", role: "Managing Partner", testimonial: "The partnership with Oursgigi was pivotal. They architected a new way for us to interact with our audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qeyshi" }
-          textboxLayout="default"
+              ]}
-          useInvertedBackground={true}
+            />
-          animationType="slide-up"
+        </div>
-          features={[
+        <div id="contact" data-section="contact">
-            { title: "Multi-Platform", description: "Responsive excellence", bentoComponent: "phone", statusIcon: Lock, alertIcon: Monitor, alertTitle: "Optimal Performance", alertMessage: "Verified", apps: [{ name: "A", icon: Phone }, { name: "B", icon: MessageCircle }, { name: "C", icon: BookOpen }, { name: "D", icon: Tv }, { name: "E", icon: Camera }, { name: "F", icon: Music }, { name: "G", icon: Settings }, { name: "H", icon: MessageCircle }] },
+            <ContactCenter
-            { title: "Security First", description: "Enterprise-grade protection", bentoComponent: "reveal-icon", icon: Shield },
+                tag="Contact"
-            { title: "Agile Delivery", description: "Speed to market", bentoComponent: "timeline", heading: "Launch Lifecycle", subheading: "Agile Process", items: [{ label: "Research", detail: "Phase 1" }, { label: "Build", detail: "Phase 2" }, { label: "Deploy", detail: "Phase 3" }], completedLabel: "Launched" },
+                title="Ready to Start?"
-            { title: "Eco-System", description: "Integrated toolsets", bentoComponent: "orbiting-icons", centerIcon: Puzzle, items: [{ icon: Shield }, { icon: Monitor }, { icon: Zap }, { icon: TrendingUp }] },
+                description="Define your digital future with us. Reach out today."
-            { title: "Analytics Driven", description: "Optimizing based on real behavioral data", bentoComponent: "line-chart" }
+                background={{ variant: "rotated-rays-animated" }}
-          ]}
+                useInvertedBackground={true}
-        />
+            />
-        <TestimonialCardFifteen
+        </div>
-          testimonial="The partnership with Oursgigi was pivotal. They didn't just build a website; they architected a new way for us to interact with our audience. Results were immediate."
+        <FooterSimple
-          rating={5}
-          author="— Elena Vane, Managing Partner, Stratos Group"
-          avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qeyshi", alt: "Elena Vane" }]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-        <MetricCardOne
-          title="Measured Results"
-          description="We prioritize data over opinion, ensuring your investment achieves maximum impact."
-          textboxLayout="default"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "p1", value: "150+", title: "Deliverables", description: "Successful launches", icon: Award },
-            { id: "p2", value: "100%", title: "Retention", description: "Commitment to long-term growth", icon: Users },
-            { id: "p3", value: "10x", title: "Velocity", description: "Faster time-to-market performance", icon: TrendingUp },
-          ]}
-        />
-        <FeatureCardSixteen
-          title="The Oursgigi Advantage"
-          description="Why leading brands choose a strategic partnership over transactional design."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          negativeCard={{ items: ["Standardized, rigid templates", "Compromised load performance", "Minimal search visibility", "Dated interface paradigms", "Disengaged post-launch"] }}
-          positiveCard={{ items: ["Original, brand-aligned architecture", "Optimized performance metrics", "Strategic search dominance", "Future-proof UX paradigms", "Full-lifecycle partnership"] }}
-        />
-        <TeamCardFive
-          title="Leadership"
-          description="Experts dedicated to the convergence of art and technology."
-          textboxLayout="default"
-          animationType="slide-up"
-          team={[
-            { id: "t1", name: "Marcus Thorne", role: "Founder & Principal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yguhcd" },
-            { id: "t2", name: "Selina Kyle", role: "Director of Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ikgsoa" },
-            { id: "t3", name: "Julian Reed", role: "Lead Engineer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7pgj85" },
-          ]}
-        />
-        <FaqBase
-          title="Common Inquiries"
-          description="Answers to the most common questions about our collaborative process."
-          textboxLayout="default"
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "f1", title: "What is your engagement model?", content: "We operate as a boutique partner, focusing on high-impact projects that require deep strategic thinking and premium execution." },
-            { id: "f2", title: "How is performance managed?", content: "Performance is built into our core architecture. We optimize assets, delivery, and code-execution from day one." },
-            { id: "f3", title: "What about post-launch scaling?", content: "We provide comprehensive maintenance and growth retainers to ensure your platform evolves with your business requirements." },
-          ]}
-        />
-        <ContactCTA
-          tag="Partnership"
-          title="Define Your Digital Future"
-          description="Your next milestone starts here. Reach out to initiate a strategic audit."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[{ text: "Initiate Consultation", href: "#contact" }]}
-        />
-        <FooterBase
-          logoText="Oursgigi"
           columns={[
             { title: "Oursgigi", items: [{ label: "About", href: "#about" }, { label: "Vision", href: "#" }] },
-            { title: "Solutions", items: [{ label: "Design", href: "#" }, { label: "Engineering", href: "#" }, { label: "SEO", href: "#" }] },
+            { title: "Solutions", items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }] },
-            { title: "Connect", items: [{ label: "LinkedIn", href: "#" }, { label: "X", href: "#" }] },
+            { title: "Connect", items: [{ label: "Contact", href: "#contact" }] },
           ]}
+          bottomLeftText="© 2024 Oursgigi"
+          bottomRightText="All Rights Reserved"
         />
       </ReactLenis>
     </ThemeProvider>