Update src/app/styles/variables.css

src/app/page.tsx

@@ -120,9 +120,9 @@ export default function HomePage() {
 
       <div id="about" data-section="about">
         <TextSplitAbout
-          title="Our Mission"
+          title="Our Mission: Fashion for Generations"
           description={[
-            "The Traveling Thread is more than clothing. It's a movement celebrating community, sustainability, and intergenerational connection.",            "We collect donated clothing from our community, then reduce fast fashion waste, upcycle clothing into unique pieces, sell affordable sustainable fashion, and donate 50% of proceeds back to community projects.",            "We believe fashion should connect generations, protect the planet, and uplift people."]}
+            "The Traveling Thread celebrates the power of intergenerational collaboration. We believe that when youth creativity meets elder wisdom, magic happens—and our planet benefits.",            "We collect quality donated clothing from our community and transform it through collaborative workshops where young people, elders, and volunteers work side-by-side. Together, we reduce fast fashion waste, create unique upcycled pieces with stories, and build meaningful connections across generations.",            "50% of all proceeds support community programs that strengthen these bonds: youth mentorship, elder engagement initiatives, and families in need. Every garment carries the energy of community collaboration."]}
           buttons={[
             {
               text: "Learn More About Impact",              href: "#metrics"},
@@ -135,21 +135,21 @@ export default function HomePage() {
 
       <div id="features" data-section="features">
         <FeatureBorderGlow
-          title="How It Works"
+          title="Our Community Impact Model"
-          description="Our simple three-step process brings communities together while making a real environmental impact."
+          description="Every donated item becomes an opportunity for connection, creativity, and positive change."
           features={[
             {
               icon: Gift,
-              title: "Donate Clothing",              description:
+              title: "Community Donations",              description:
-                "Community members donate gently used clothes and help fund sustainable fashion initiatives."},
+                "Local community members donate gently used clothing, supporting our mission to reduce textile waste and create opportunity."},
             {
               icon: Scissors,
-              title: "Sort & Create",              description:
+              title: "Intergenerational Workshops",              description:
-                "Kids, volunteers, and elders work together to sort, redesign, and upcycle donated garments into treasured pieces."},
+                "Youth, elders, and volunteers collaborate in creative upcycling sessions, designing one-of-a-kind pieces while sharing stories and skills across generations."},
             {
               icon: Heart,
-              title: "Give Back",              description:
+              title: "Sustainable Giveback",              description:
-                "50% of proceeds support local community projects including education, mentorship, and environmental initiatives."},
+                "50% of proceeds fund community programs including youth mentorship, elder engagement, educational workshops, and support for families in need."},
           ]}
           textboxLayout="default"
           animationType="slide-up"
@@ -160,8 +160,8 @@ export default function HomePage() {
       <div id="products" data-section="products">
         <ProductCardFour
           title="Shop Our Collection"
-          description="Discover affordable, sustainable fashion that supports our community. Every purchase makes a difference."
+          description="Every purchase supports intergenerational community programs and reduces textile waste. Discover pieces with purpose and stories to tell."
-          tag="Limited Drops Available"
+          tag="Sustainable Fashion"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -187,17 +187,17 @@ export default function HomePage() {
       <div id="metrics" data-section="metrics">
         <MetricCardTen
           title="Our Community Impact"
-          description="Every purchase supports environmental sustainability, elder mentorship, youth creativity, and families in need."
+          description="Every purchase supports environmental sustainability, intergenerational programs, youth creativity, and families in need."
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           metrics={[
             {
-              id: "1",              title: "Pounds of Clothing Saved",              subtitle: "From landfills and waste",              category: "Environmental",              value: "1,000+"},
+              id: "1",              title: "Pounds of Clothing Saved",              subtitle: "From landfills and textile waste",              category: "Environmental",              value: "1,000+"},
             {
-              id: "2",              title: "Community Members Helped",              subtitle: "Employed and supported",              category: "Social Impact",              value: "300+"},
+              id: "2",              title: "Community Members Connected",              subtitle: "Youth, elders, and volunteers engaged",              category: "Social Impact",              value: "300+"},
             {
-              id: "3",              title: "Profits Reinvested",              subtitle: "Back into local programs",              category: "Community",              value: "50%"},
+              id: "3",              title: "Profits Reinvested",              subtitle: "Back into community programs",              category: "Community",              value: "50%"},
           ]}
         />
       </div>
@@ -205,7 +205,7 @@ export default function HomePage() {
       <div id="team" data-section="team">
         <TeamCardSix
           title="Meet Our Team"
-          description="Passionate community members working together to transform fashion and create opportunity."
+          description="Passionate community members working together to transform fashion and create intergenerational opportunity."
           tag="Our Community"
           tagIcon={Users}
           tagAnimation="slide-up"
@@ -264,13 +264,13 @@ export default function HomePage() {
                 "Visit our donation page to find drop-off locations near you or schedule a pickup. You can also bring items directly to our community center during business hours. We provide pickup service for large donations."},
             {
               id: "3",              title: "Where does the money from sales go?",              content:
-                "50% of all profits are reinvested directly into our community programs: youth creativity workshops, elder mentorship initiatives, and support for families in need. The remaining proceeds support operations and sustainable growth."},
+                "50% of all profits are reinvested directly into our community programs: youth creativity workshops, intergenerational mentorship initiatives, and support for families in need. The remaining proceeds support operations and sustainable growth."},
             {
               id: "4",              title: "Can I volunteer with The Traveling Thread?",              content:
                 "Absolutely! We welcome volunteers of all ages and skill levels. Whether you're interested in sorting, designing, teaching, or community organizing, there's a place for you. Contact us to learn about current opportunities."},
             {
               id: "5",              title: "What makes your upcycled pieces unique?",              content:
-                "Each upcycled original is handcrafted by our design team, often collaboratively with community members and volunteers. No two pieces are alike—they're truly one-of-a-kind creations that transform donated clothing into wearable art."},
+                "Each upcycled original is handcrafted through collaborative workshops where young people and elders work together, often designing pieces side-by-side. No two pieces are alike—they're truly one-of-a-kind creations that transform donated clothing into wearable art with intergenerational stories."},
             {
               id: "6",              title: "Do you ship orders?",              content:
                 "Yes! We ship domestically and internationally. Orders typically ship within 3-5 business days. We use sustainable packaging materials to minimize environmental impact. Shipping costs vary by location."},

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #fffefe;
-  --card: #ffffff;
+  --card: #f6f7f4;
-  --foreground: #0c1325;
+  --foreground: #080908;
-  --primary-cta: #0798ff;
+  --primary-cta: #0e3a29;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e7eecd;
   --secondary-cta-text: #0c1325;
-  --accent: #93c7ff;
+  --accent: #35c18b;
-  --background-accent: #a8cde8;
+  --background-accent: #ecebe4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);