Update src/app/shop/page.tsx

Merge version_3 into main

src/app/blog/page.tsx

@@ -63,7 +63,7 @@ export default function BlogPage() {
                         columns={[
                             {
                                 title: "Navigate",                                items: [
-                                    { label: "Home", href: "#" },
+                                    { label: "Home", href: "/" },
                                     { label: "Services", href: "#services" },
                                     { label: "Products", href: "#products" },
                                     { label: "Results", href: "#results" }
@@ -71,7 +71,7 @@ export default function BlogPage() {
                             },
                             {
                                 title: "Resources",                                items: [
-                                    { label: "Blog", href: "#" },
+                                    { label: "Blog", href: "/blog" },
                                     { label: "FAQ", href: "#faq" },
                                     { label: "Community", href: "#" },
                                     { label: "Support", href: "#contact" }

src/app/page.tsx

@@ -12,8 +12,18 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Award, CheckCircle, Sparkles, Package } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [flipped, setFlipped] = useState<{ [key: string]: boolean }>({});
+
+  const toggleFlip = (id: string) => {
+    setFlipped(prev => ({
+      ...prev,
+      [id]: !prev[id]
+    }));
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
@@ -153,33 +163,126 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
+        <div className="w-content-width mx-auto py-20">
-          title="Client Success Stories"
+          <div className="text-center mb-16">
-          description="Real transformations from real men who took control of their image."
+            <h2 className="text-5xl font-semibold text-foreground mb-4">Client Success Stories</h2>
-          testimonials={[
+            <p className="text-xl text-foreground opacity-75">Real transformations from real men who took control of their image. Hover over cards to see their social media links.</p>
-            {
+          </div>
-              id: "1",              name: "Marcus T.",              role: "Software Engineer",              testimonial: "I went from feeling invisible to commanding attention in any room. The skincare protocol cleared my skin, the training program built muscle, and the style guidance transformed how people perceive me. Best investment I've made.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Marcus after transformation"
+          
-            },
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-            {
+            {[
-              id: "2",              name: "James K.",              role: "Sales Executive",              testimonial: "Within 8 weeks, my confidence skyrocketed. Clients and colleagues noticed the change immediately. The comprehensive approach meant I didn't have to figure it out alone—every pillar was covered professionally.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "James after transformation"
+              {
-            },
+                id: "1",                name: "Marcus T.",                role: "Software Engineer",                testimonial: "I went from feeling invisible to commanding attention in any room. The skincare protocol cleared my skin, the training program built muscle, and the style guidance transformed how people perceive me. Best investment I've made.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",                imageAlt: "Marcus after transformation",                socialLinks: [
-            {
+                  { platform: "Instagram", url: "https://instagram.com" },
-              id: "3",              name: "Derek M.",              role: "Entrepreneur",              testimonial: "This isn't just about looking better; it's about becoming the best version of yourself. The accountability and expert guidance made all the difference. I recommend Maxximize to every serious man.",              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=1",              imageAlt: "Derek after transformation"
+                  { platform: "LinkedIn", url: "https://linkedin.com" }
-            },
+                ]
-            {
+              },
-              id: "4",              name: "Ryan P.",              role: "Marketing Manager",              testimonial: "The transformation exceeded my expectations. Clear skin, visible muscle, sharp style, and grooming expertise—I feel like a completely new person. This program delivers.",              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=2",              imageAlt: "Ryan after transformation"
+              {
-            },
+                id: "2",                name: "James K.",                role: "Sales Executive",                testimonial: "Within 8 weeks, my confidence skyrocketed. Clients and colleagues noticed the change immediately. The comprehensive approach meant I didn't have to figure it out alone—every pillar was covered professionally.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",                imageAlt: "James after transformation",                socialLinks: [
-            {
+                  { platform: "Twitter", url: "https://twitter.com" },
-              id: "5",              name: "Alex V.",              role: "Fitness Professional",              testimonial: "Even as someone in the fitness industry, I learned so much about the holistic approach to personal optimization. The skincare and style components I was missing have made a huge difference.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Alex after transformation"
+                  { platform: "LinkedIn", url: "https://linkedin.com" }
-            },
+                ]
-            {
+              },
-              id: "6",              name: "Chris N.",              role: "Consultant",              testimonial: "The most comprehensive looksmaxxing program available. Not just gym hacks or skincare tips—this is a complete system. Worth every penny and then some.",              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=3",              imageAlt: "Chris after transformation"
+              {
-            }
+                id: "3",                name: "Derek M.",                role: "Entrepreneur",                testimonial: "This isn't just about looking better; it's about becoming the best version of yourself. The accountability and expert guidance made all the difference. I recommend Maxximize to every serious man.",                imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=1",                imageAlt: "Derek after transformation",                socialLinks: [
-          ]}
+                  { platform: "Instagram", url: "https://instagram.com" },
-          animationType="blur-reveal"
+                  { platform: "Twitter", url: "https://twitter.com" }
-          textboxLayout="default"
+                ]
-          useInvertedBackground={false}
+              },
-        />
+              {
+                id: "4",                name: "Ryan P.",                role: "Marketing Manager",                testimonial: "The transformation exceeded my expectations. Clear skin, visible muscle, sharp style, and grooming expertise—I feel like a completely new person. This program delivers.",                imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=2",                imageAlt: "Ryan after transformation",                socialLinks: [
+                  { platform: "LinkedIn", url: "https://linkedin.com" },
+                  { platform: "Instagram", url: "https://instagram.com" }
+                ]
+              },
+              {
+                id: "5",                name: "Alex V.",                role: "Fitness Professional",                testimonial: "Even as someone in the fitness industry, I learned so much about the holistic approach to personal optimization. The skincare and style components I was missing have made a huge difference.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",                imageAlt: "Alex after transformation",                socialLinks: [
+                  { platform: "Twitter", url: "https://twitter.com" },
+                  { platform: "LinkedIn", url: "https://linkedin.com" }
+                ]
+              },
+              {
+                id: "6",                name: "Chris N.",                role: "Consultant",                testimonial: "The most comprehensive looksmaxxing program available. Not just gym hacks or skincare tips—this is a complete system. Worth every penny and then some.",                imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=3",                imageAlt: "Chris after transformation",                socialLinks: [
+                  { platform: "Instagram", url: "https://instagram.com" },
+                  { platform: "LinkedIn", url: "https://linkedin.com" }
+                ]
+              }
+            ].map((testimonial) => (
+              <div
+                key={testimonial.id}
+                className="h-96 cursor-pointer perspective"
+                onClick={() => toggleFlip(testimonial.id)}
+              >
+                <div
+                  className="relative w-full h-full transition-transform duration-500 transform-gpu"
+                  style={{
+                    transformStyle: 'preserve-3d',
+                    transform: flipped[testimonial.id] ? 'rotateY(180deg)' : 'rotateY(0deg)'
+                  }}
+                >
+                  {/* Front of card */}
+                  <div
+                    className="absolute w-full h-full bg-card rounded-theme p-6 flex flex-col justify-between border border-accent/20 shadow-lg"
+                    style={{
+                      backfaceVisibility: 'hidden'
+                    }}
+                  >
+                    <div>
+                      <div className="w-16 h-16 rounded-full overflow-hidden mb-4 mx-auto">
+                        <img
+                          src={testimonial.imageSrc}
+                          alt={testimonial.imageAlt}
+                          className="w-full h-full object-cover"
+                        />
+                      </div>
+                      <h3 className="text-lg font-semibold text-foreground text-center mb-1">
+                        {testimonial.name}
+                      </h3>
+                      <p className="text-sm text-foreground/75 text-center mb-4">
+                        {testimonial.role}
+                      </p>
+                    </div>
+                    <p className="text-foreground/90 text-sm leading-relaxed text-center flex-grow flex items-center">
+                      "{testimonial.testimonial}"
+                    </p>
+                    <p className="text-xs text-accent text-center mt-4 opacity-75">
+                      Click to see social links →
+                    </p>
+                  </div>
+
+                  {/* Back of card */}
+                  <div
+                    className="absolute w-full h-full bg-gradient-to-br from-primary-cta/90 to-accent/90 rounded-theme p-6 flex flex-col justify-center items-center border border-accent shadow-lg"
+                    style={{
+                      backfaceVisibility: 'hidden',
+                      transform: 'rotateY(180deg)'
+                    }}
+                  >
+                    <h3 className="text-lg font-semibold text-white mb-6 text-center">
+                      Connect with {testimonial.name.split(' ')[0]}
+                    </h3>
+                    <div className="flex flex-col gap-3 w-full">
+                      {testimonial.socialLinks.map((link) => (
+                        <a
+                          key={link.platform}
+                          href={link.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="w-full py-2 px-4 bg-white/20 hover:bg-white/30 text-white rounded-lg text-center text-sm font-medium transition-colors duration-200"
+                        >
+                          {link.platform}
+                        </a>
+                      ))}
+                    </div>
+                    <p className="text-xs text-white/75 text-center mt-6">
+                      Click to flip back ←
+                    </p>
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
       </div>
 
       <div id="faq" data-section="faq">

src/app/shop/[id]/page.tsx

@@ -108,8 +108,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="footer" data-section="footer">
                     <FooterSimple
                         columns={[
-                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
+                            {"title":"Navigate","items":[{"label":"Home","href":"/"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
-                            {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
+                            {"title":"Resources","items":[{"label":"Blog","href":"/blog"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                             {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                         ]}
                         bottomLeftText="© 2025 Maxximize. All rights reserved."
@@ -163,8 +163,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="footer" data-section="footer">
                     <FooterSimple
                         columns={[
-                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
+                            {"title":"Navigate","items":[{"label":"Home","href":"/"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
-                            {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
+                            {"title":"Resources","items":[{"label":"Blog","href":"/blog"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                             {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                         ]}
                         bottomLeftText="© 2025 Maxximize. All rights reserved."
@@ -242,8 +242,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="footer" data-section="footer">
                 <FooterSimple
                     columns={[
-                        {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
+                        {"title":"Navigate","items":[{"label":"Home","href":"/"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
-                        {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
+                        {"title":"Resources","items":[{"label":"Blog","href":"/blog"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                         {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                     ]}
                     bottomLeftText="© 2025 Maxximize. All rights reserved."

src/app/shop/page.tsx

@@ -51,8 +51,8 @@ function ShopPageContent() {
                     <div id="footer" data-section="footer">
                     <FooterSimple
                         columns={[
-                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
+                            {"title":"Navigate","items":[{"label":"Home","href":"/"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
-                            {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
+                            {"title":"Resources","items":[{"label":"Blog","href":"/blog"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                             {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                         ]}
                         bottomLeftText="© 2025 Maxximize. All rights reserved."
@@ -105,8 +105,8 @@ function ShopPageContent() {
                 <div id="footer" data-section="footer">
                 <FooterSimple
                     columns={[
-                        {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
+                        {"title":"Navigate","items":[{"label":"Home","href":"/"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
-                        {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
+                        {"title":"Resources","items":[{"label":"Blog","href":"/blog"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                         {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                     ]}
                     bottomLeftText="© 2025 Maxximize. All rights reserved."