Update src/app/projects/ecommerce-platform-redesign/page.tsx

src/app/projects/ecommerce-platform-redesign/page.tsx

@@ -2,88 +2,59 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-
-export default function EcommercePlatformRedesign() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Projects", id: "/projects" },
-    { name: "About", id: "about" },
-    { name: "Contact", id: "contact" },
-  ];
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 
+export default function EcommercePlatformPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
       background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
+      cardStyle="outline"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={navItems} />
+        <NavbarLayoutFloatingOverlay
+          brandName="Portfolio"
+          navItems={[
+            { name: "Work", id: "work" },
+            { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Get in Touch",            href: "contact"
+          }}
+        />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardCarousel
           title="E-commerce Platform Redesign"
-          description="Modern platform redesign with improved user experience"
-          background={{ variant: "animated-grid" }}
+          description="User-centered redesign of enterprise e-commerce platform. Improved conversion rate by 35% through streamlined navigation and optimized checkout flow."
+          background={{ variant: "sparkles-gradient" }}
           mediaItems={[
             {
-              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "E-commerce platform showcase"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhRowzw9k0ZSJ87n7KX34EwoE1/professional-portfolio-project-image-fea-1773043068039-3c07e3ca.png",              imageAlt: "E-commerce platform design"
+            },
           ]}
           buttons={[
-            { text: "Back to Projects", href: "/projects" },
+            { text: "Back to Work", href: "/" },
           ]}
         />
       </div>
 
-      <div id="work" data-section="work">
-        <FeatureCardTwentyFour
-          title="Project Goals & Results"
-          description="How we improved the shopping experience"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          features={[
-            {
-              id: "1",              title: "User Research",              author: "UX Team",              description: "Comprehensive user testing and interviews",              tags: ["Research", "UX"],
-              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "User research phase"},
-            {
-              id: "2",              title: "Improved Navigation",              author: "Design",              description: "Streamlined product discovery flow",              tags: ["UX", "Navigation"],
-              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Navigation improvements"},
-            {
-              id: "3",              title: "Conversion Optimization",              author: "Strategy",              description: "30% increase in conversion rates",              tags: ["Optimization", "Results"],
-              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Conversion metrics"},
-          ]}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Transform Your Platform"
-          title="Ready to Redesign?"
-          description="Let's create an e-commerce experience your customers will love"
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-          buttonText="Start Your Project"
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterLogoReveal
-          logoText="Our Studio"
-          leftLink={{ text: "Privacy Policy", href: "/privacy" }}
-          rightLink={{ text: "Contact", href: "contact" }}
+          logoText="Portfolio"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
         />
       </div>
     </ThemeProvider>