Update src/app/page.tsx

Merge version_2 into main

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 FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-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";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles, ArrowUpRight, Search } 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" }}
@@ -48,8 +46,9 @@ export default function WebAgency2Page() {
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
           buttons={[
+            { text: "View Our Work", href: "#portfolio" },
             { text: "Our Capabilities", href: "#services" },
-            { text: "Portfolio", href: "#work" },
+            { text: "Portfolio", href: "#portfolio" },
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
@@ -65,130 +64,73 @@ export default function WebAgency2Page() {
           ]}
           carouselItemClassName="!aspect-[4/5]"
         />
-        <FeatureBento
-          title="Our Core Competencies"
-          description="Strategically curated services designed to scale your vision."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          buttons={[{ text: "Explore Services", href: "#services" }]}
-          features={[
-            {
-              title: "Search Visibility",              description: "Advanced SEO frameworks to ensure your brand is discovered by the right audience.",              bentoComponent: "marquee",              centerIcon: Search,
-              variant: "text",              texts: ["Authority", "Visibility", "Engagement", "Search Rank", "Conversion", "Insights"],
-            },
-            {
-              title: "Technical Engineering",              description: "Custom software built for speed, scalability, and seamless performance.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cj2j0j", imageAlt: "Technical stack design" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9vvzw6", imageAlt: "API integration architecture" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7fh17p", imageAlt: "Deployment pipeline" },
-              ],
-            },
-            {
-              title: "Brand Strategy",              description: "Developing cohesive visual languages that communicate your unique market position.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=43ddh6", imageAlt: "Design system 1" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=33etj5", imageAlt: "Design system 2" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5xl78g", imageAlt: "Design system 3" },
-              ],
-            },
-          ]}
-        />
-        <FeatureCardTwentySix
-          title="Selected Ventures"
-          description="Impactful work for leaders and visionaries across the globe."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "View Full Portfolio", href: "#work" }]}
-          cardClassName="!h-auto aspect-video"
-          features={[
-            { 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 },
-            { 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 },
-            { 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: "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 },
-          ]}
-        />
-        <FeatureBento
-          title="The Oursgigi Standard"
-          description="Rigorous quality assurance for every pixel and line of code."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          animationType="slide-up"
-          features={[
-            { 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 }] },
-            { title: "Security First", description: "Enterprise-grade protection", bentoComponent: "reveal-icon", icon: Shield },
-            { 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: "Eco-System", description: "Integrated toolsets", bentoComponent: "orbiting-icons", centerIcon: Puzzle, items: [{ icon: Shield }, { icon: Monitor }, { icon: Zap }, { icon: TrendingUp }] },
-            { title: "Analytics Driven", description: "Optimizing based on real behavioral data", bentoComponent: "line-chart" }
-          ]}
-        />
-        <TestimonialCardFifteen
-          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."
-          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"
+        <div id="about" data-section="about">
+            <TextSplitAbout 
+                title="About Oursgigi"
+                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={true}
+            />
+        </div>
+        <div id="services" data-section="services">
+            <FeatureBento
+              title="Core Services"
+              description="Strategic, outcome-driven services designed to scale your vision."
+              textboxLayout="default"
+              useInvertedBackground={false}
+              animationType="slide-up"
+              features={[
+                { title: "Brand Strategy", description: "Crafting unique narratives and visual identities that distinguish your brand.", bentoComponent: "reveal-icon", icon: Sparkles },
+                { 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"] },
+              ]}
+            />
+        </div>
+        <div id="portfolio" data-section="portfolio">
+            <ProductCardTwo
+              title="Portfolio"
+              description="A showcase of our recent ventures and impactful projects."
+              gridVariant="bento-grid"
+              textboxLayout="default"
+              animationType="slide-up"
+              useInvertedBackground={true}
+              products={[
+                { 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" },
+                { 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" },
+                { 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" },
+              ]}
+            />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTwo
+              title="Client Stories"
+              description="Hear from our partners about the impact we've created together."
+              textboxLayout="default"
+              animationType="slide-up"
+              useInvertedBackground={false}
+              testimonials={[
+                  { 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" }
+              ]}
+            />
+        </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+                tag="Contact"
+                title="Ready to Start?"
+                description="Define your digital future with us. Reach out today."
+                background={{ variant: "rotated-rays-animated" }}
+                useInvertedBackground={true}
+            />
+        </div>
+        <FooterSimple
           columns={[
             { title: "Oursgigi", items: [{ label: "About", href: "#about" }, { label: "Vision", href: "#" }] },
-            { title: "Solutions", items: [{ label: "Design", href: "#" }, { label: "Engineering", href: "#" }, { label: "SEO", href: "#" }] },
-            { title: "Connect", items: [{ label: "LinkedIn", href: "#" }, { label: "X", href: "#" }] },
+            { title: "Solutions", items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }] },
+            { title: "Connect", items: [{ label: "Contact", href: "#contact" }] },
           ]}
+          bottomLeftText="© 2024 Oursgigi"
+          bottomRightText="All Rights Reserved"
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}