Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -20,26 +20,21 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
-        contentWidth="mediumLarge"
+        contentWidth="medium"
-        sizing="mediumSizeLargeTitles"
+        sizing="large"
-        background="grid"
+        background="none"
-        cardStyle="subtle-shadow"
+        cardStyle="outline"
-        primaryButtonStyle="radial-glow"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="medium"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "System", id: "#system" },
-          name: "Athletes",          id: "#athletes"},
+        { name: "Athletes", id: "#athletes" },
-        {
+        { name: "Apply", id: "#apply" },
-          name: "Results",          id: "#results"},
-        {
-          name: "System",          id: "#system"},
-        {
-          name: "Apply",          id: "#apply"},
       ]}
       brandName="AMITY ATHLETIC"
     />
@@ -47,59 +42,31 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "plain" }}
-        variant: "gradient-bars"}}
+      title="Minimalist excellence in physique development."
-      title="Discipline builds physiques. We build discipline."
+      description="A structured, high-standard athletic system focused on intentional progress and discipline."
-      description="A structured athlete development system focused on physique progression, accountability, and long-term performance."
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759027.jpg", alt: "Athlete" },
-          src: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759027.jpg",          alt: "Athlete 1"},
+        { src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg", alt: "Athlete" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/female-kickboxer-resting-ring-corner_651396-627.jpg", alt: "Athlete" },
-          src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg",          alt: "Athlete 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-kickboxer-resting-ring-corner_651396-627.jpg",          alt: "Athlete 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg",          alt: "Athlete 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-man-developing-photos_23-2149893842.jpg",          alt: "Athlete 5"},
-      ]}
-      buttons={[
-        {
-          text: "Join the Team",          href: "#apply"},
-        {
-          text: "View System",          href: "#system"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "STRUCTURED"},
-        {
-          type: "text",          text: "DISCIPLINED"},
-        {
-          type: "text",          text: "PROGRESSIVE"},
-        {
-          type: "text",          text: "ACCOUNTABLE"},
-        {
-          type: "text",          text: "ELITE"},
       ]}
+      buttons={[{ text: "Join System", href: "#apply" }]}
+      titleClassName="text-neutral-900 tracking-tight"
     />
   </div>
 
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
-      title="Founder Athlete"
+      title="The Standard"
-      description="I built Amity Athletic Coaching through structured training, nutrition, and discipline-based execution. Everything here is system-based, not motivation-based."
+      description="I built Amity Athletic through a commitment to structured, disciplined performance. Our system removes the noise of modern motivation to focus purely on execution and data-driven results."
       bulletPoints={[
-        {
+        { title: "Systematic Progression", description: "Calculated movement patterns" },
-          title: "Progression",          description: "Structured overload systems"},
+        { title: "Precision Nutrition", description: "Structural dietary planning" },
-        {
+        { title: "Elite Accountability", description: "Weekly performance standards" },
-          title: "Nutrition",          description: "Precision structural planning"},
-        {
-          title: "Accountability",          description: "Weekly tracking standards"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/sportswoman-posing-sportswear-isolated-gray_7502-8035.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
@@ -108,128 +75,93 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "01 Execution", description: "Protocols built for longevity.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827277.jpg" },
-          title: "01 — Execution",          description: "Progressive overload execution protocols for every athlete.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827277.jpg",          imageAlt: "Execution"},
+        { title: "02 Precision", description: "Metrics-backed dietary tracking.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p6545j" },
-        {
+        { title: "03 Discipline", description: "Adherence is our primary metric.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-playing-game-domino_23-2148234849.jpg" },
-          title: "02 — Nutrition",          description: "Structured precision nutrition planning for growth.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p6545j",          imageAlt: "Nutrition"},
-        {
-          title: "03 — Standards",          description: "Consistent athlete standard discipline throughout.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-playing-game-domino_23-2148234849.jpg",          imageAlt: "Standards"},
       ]}
       title="Core Principles"
-      description="The foundation of our athlete development system."
+      description="Fundamental tenets of our athletic model."
     />
   </div>
 
   <div id="team" data-section="team">
       <TeamCardEleven
-      animationType="slide-up"
+      animationType="opacity"
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       groups={[
-        {
+        { id: "g1", groupTitle: "Leadership", members: [{ id: "m1", title: "Xavier", subtitle: "Lead Coach", detail: "Directing athlete performance programs.", imageSrc: "http://img.b2bpic.net/free-photo/young-mixed-race-african-american-woman-makes-boxing-workout-sunny-loft-contour-light-looking-throught-camera_633478-2116.jpg" }] },
-          id: "g1",          groupTitle: "Founder",          members: [
-            {
-              id: "m1",              title: "Xavier",              subtitle: "Coach",              detail: "Disciplined athlete performance coach.",              imageSrc: "http://img.b2bpic.net/free-photo/young-mixed-race-african-american-woman-makes-boxing-workout-sunny-loft-contour-light-looking-throught-camera_633478-2116.jpg"},
-          ],
-        },
       ]}
-      title="The Coach"
+      title="Coaching"
-      description="Led by Xavier, 22, dedicated to athlete development."
+      description="Expert oversight dedicated to your physique development."
     />
   </div>
 
   <div id="product" data-section="product">
       <ProductCardThree
-      animationType="slide-up"
+      animationType="opacity"
       textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Athlete Track", price: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564356.jpg" },
-          id: "p1",          name: "Transformation Athlete",          price: "Fat Loss",          imageSrc: "http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564356.jpg"},
+        { id: "p2", name: "Hypertrophy", price: "Growth", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfectly-ordered-fitness-items_23-2150321818.jpg" },
-        {
+        { id: "p3", name: "Strength", price: "Peak", imageSrc: "http://img.b2bpic.net/free-photo/pair-gloves-boxing-sport_23-2150367638.jpg" },
-          id: "p2",          name: "Lean Development",          price: "Athletic Build",          imageSrc: "http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564353.jpg"},
-        {
-          id: "p3",          name: "Strength Build",          price: "Offseason Mass",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfectly-ordered-fitness-items_23-2150321818.jpg"},
-        {
-          id: "p4",          name: "Advanced Phase",          price: "Peak Strength",          imageSrc: "http://img.b2bpic.net/free-photo/fitness-gym-equipment-with-christmas-theme-decorations_23-2149564357.jpg"},
-        {
-          id: "p5",          name: "Maintenance",          price: "Consistent Build",          imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275216.jpg"},
-        {
-          id: "p6",          name: "Growth Phase",          price: "Hypertrophy",          imageSrc: "http://img.b2bpic.net/free-photo/pair-gloves-boxing-sport_23-2150367638.jpg"},
       ]}
-      title="Athlete Roster"
+      title="Programs"
-      description="Transformation and growth tracks."
+      description="Structured phases for transformation."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
-      animationType="slide-up"
+      animationType="opacity"
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Alex M.", handle: "@alexm", testimonial: "The system is unmatched in precision.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450143.jpg" },
-          id: "t1",          name: "Athlete A",          handle: "@athlete_a",          testimonial: "The system is unreal.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450143.jpg"},
+        { id: "t2", name: "Jordan K.", handle: "@jk", testimonial: "Discipline became my baseline.", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg" },
-        {
-          id: "t2",          name: "Athlete B",          handle: "@athlete_b",          testimonial: "Discipline changed everything.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-dark-skinned-tired-male-jogger-having-rest-riverside-after-every-morning-outdoor-workout-sitting-pavement-thinking-about-his-future-career-looking-serious-sad-thoughtful_273609-1180.jpg"},
-        {
-          id: "t3",          name: "Athlete C",          handle: "@athlete_c",          testimonial: "Best development program.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg"},
-        {
-          id: "t4",          name: "Athlete D",          handle: "@athlete_d",          testimonial: "Consistent progress.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-serious-afro-american-sports-man_171337-9250.jpg"},
-        {
-          id: "t5",          name: "Athlete E",          handle: "@athlete_e",          testimonial: "Found my true standard.",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13203.jpg"},
       ]}
-      title="Real Results"
+      title="Results"
-      description="What our athletes are achieving."
+      description="Athletic outcomes achieved through consistency."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      title="The Impact"
+      title="Growth Metrics"
-      tag="Data-Driven"
+      tag="Stats"
       metrics={[
-        {
+        { id: "m1", value: "50+", description: "Athletes" },
-          id: "m1",          value: "50+",          description: "Athletes coached"},
+        { id: "m2", value: "95%", description: "Adherence" },
-        {
+        { id: "m3", value: "100%", description: "Focused" },
-          id: "m2",          value: "95%",          description: "Standard adherence"},
-        {
-          id: "m3",          value: "100%",          description: "Structured growth"},
       ]}
-      metricsAnimation="slide-up"
+      metricsAnimation="opacity"
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Is this system for beginners?", content: "It requires high dedication." },
-          id: "q1",          title: "Who is this for?",          content: "Disciplined individuals."},
+        { id: "q2", title: "How is progress measured?", content: "Through strict data standards." },
-        {
+        { id: "q3", title: "Can I apply?", content: "Applications are open year-round." },
-          id: "q2",          title: "How to start?",          content: "Submit an application."},
-        {
-          id: "q3",          title: "What's the system?",          content: "Discipline-based execution."},
       ]}
-      title="Common Questions"
+      title="Queries"
-      description="Learn more about our standards."
+      description="Clarifications on our standards."
-      faqsAnimation="slide-up"
+      faqsAnimation="opacity"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      text="Apply for membership. Commitment is non-negotiable."
-      text="Apply for Amity Athletic. We review applications based on discipline, consistency, and commitment."
+      buttons={[{ text: "Submit Application", href: "#apply" }]}
-      buttons={[
-        {
-          text: "Apply Now",          href: "#apply"},
-      ]}
     />
   </div>
 
@@ -237,26 +169,12 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="AMITY ATHLETIC"
       columns={[
-        {
+        { title: "Direct", items: [{ label: "About", href: "#about" }, { label: "Apply", href: "#apply" }] },
-          title: "Company",          items: [
+        { title: "Social", items: [{ label: "Results", href: "#testimonials" }, { label: "System", href: "#features" }] },
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "System",              href: "#system"},
-          ],
-        },
-        {
-          title: "Links",          items: [
-            {
-              label: "Athletes",              href: "#athletes"},
-            {
-              label: "Apply",              href: "#apply"},
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #060000;
+  --background: #ffffff;
-  --card: #1d0d0d;
+  --card: #f9f9f9;
-  --foreground: #ffe6e6;
+  --foreground: #171717;
-  --primary-cta: #ff3d4a;
+  --primary-cta: #000000;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1f0a0a;
+  --secondary-cta: #737373;
   --secondary-cta-text: #ffe6e6;
-  --accent: #7b2d2d;
+  --accent: #000000;
-  --background-accent: #b8111f;
+  --background-accent: #f3f3f3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);