Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -14,13 +14,13 @@ export default function AboutPage() {
       defaultButtonVariant="hover-bubble"
       defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="compact"
-      sizing="largeSmallSizeMediumTitles"
+      contentWidth="medium"
+      sizing="medium"
       background="aurora"
-      cardStyle="solid"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      showBlurBottom={false}
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
@@ -45,24 +45,16 @@ export default function AboutPage() {
           tag="Our Story"
           bulletPoints={[
             {
-              title: "Ethically Sourced",
-              description: "Direct partnerships with farmers ensuring fair trade and sustainable practices",
-              icon: Leaf
+              title: "Ethically Sourced",              description: "Direct partnerships with farmers ensuring fair trade and sustainable practices",              icon: Leaf
             },
             {
-              title: "Expert Selection",
-              description: "Handpicked beans and leaves curated by our experienced tasting team",
-              icon: Award
+              title: "Expert Selection",              description: "Handpicked beans and leaves curated by our experienced tasting team",              icon: Award
             },
             {
-              title: "Small Batch Roasting",
-              description: "Fresh roasts prepared in small quantities for maximum flavor and quality",
-              icon: Flame
+              title: "Small Batch Roasting",              description: "Fresh roasts prepared in small quantities for maximum flavor and quality",              icon: Flame
             },
             {
-              title: "Community Focused",
-              description: "Building a community of coffee and tea lovers who appreciate quality",
-              icon: Users
+              title: "Community Focused",              description: "Building a community of coffee and tea lovers who appreciate quality",              icon: Users
             }
           ]}
           imageSrc="https://img.b2bpic.net/free-photo/green-tea-leaves-field_53876-95115.jpg"
@@ -82,49 +74,38 @@ export default function AboutPage() {
           tag="Our Difference"
           negativeCard={{
             items: [
-              "Mass-produced blends",
-              "Unknown origins",
-              "Stale inventory",
-              "Inconsistent quality"
+              "Mass-produced blends",              "Unknown origins",              "Stale inventory",              "Inconsistent quality"
             ]
           }}
           positiveCard={{
             items: [
-              "Small-batch roasted to order",
-              "Traceable sourcing",
-              "Fresh roasts delivered monthly",
-              "Rigorous quality testing"
+              "Small-batch roasted to order",              "Traceable sourcing",              "Fresh roasts delivered monthly",              "Rigorous quality testing"
             ]
           }}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="invertDefault"
-          titleClassName="text-4xl font-bold mb-4"
-          descriptionClassName="text-base mb-8"
         />
       </div>
 
       <FooterBaseReveal
         columns={[
           {
-            title: "Shop",
-            items: [
+            title: "Shop",            items: [
               { label: "Coffee", href: "/products" },
               { label: "Tea", href: "/products" },
               { label: "Brewing Guides", href: "#about" }
             ]
           },
           {
-            title: "Company",
-            items: [
+            title: "Company",            items: [
               { label: "About Us", href: "#about" },
               { label: "Sustainability", href: "#about" },
               { label: "Contact", href: "/contact" }
             ]
           },
           {
-            title: "Connect",
-            items: [
+            title: "Connect",            items: [
               { label: "Instagram", href: "https://instagram.com" },
               { label: "Facebook", href: "https://facebook.com" },
               { label: "Newsletter", href: "/contact" }