Merge version_2 into main

Merge version_2 into main

docs/CARDSTACK_SECTIONS.md

@@ -269,7 +269,7 @@ Buttons are rendered with automatic primary/secondary styling:
 
 ```tsx
 const buttons: ButtonConfig[] = [
-  { text: "Get Started", href: "/signup" },     // Primary
+  { text: "Download Now", href: "/signup" },     // Primary
   { text: "Learn More", onClick: () => {} }      // Secondary
 ];
 ```

docs/COMPONENT_IMPLEMENTATION.md

@@ -351,7 +351,7 @@ For button text and short labels:
 {
   "text": {
     "required": true,
-    "example": "Get Started",
+    "example": "Download Now",
     "minChars": 2,
     "maxChars": 15
   }

docs/PREVIEW_PAGE_STANDARDS.md

@@ -107,7 +107,7 @@ export default function SectionPreviewPage() {
           title="Preview Section Title"
           description="This is a preview of the section component with example content."
           buttons={[
-            { text: "Get Started", href: "#" },
+            { text: "Download Now", href: "#" },
             { text: "Learn More", onClick: () => console.log("Learn more") }
           ]}
           // Add section-specific props
@@ -308,7 +308,7 @@ Customize theme settings when:
   title="Build Amazing Websites Faster"
   description="Create stunning, responsive websites with our modern component library. Ship faster, iterate quicker."
   buttons={[
-    { text: "Get Started", href: "/signup" },
+    { text: "Download Now", href: "/signup" },
     { text: "View Demo", onClick: () => window.open("/demo") }
   ]}
 />

docs/REGISTRY_STANDARDS.md

@@ -163,7 +163,7 @@ Defines text length constraints for string props.
   "textRules": {
     "text": {
       "required": true,
-      "example": "Get Started",
+      "example": "Download Now",
       "minChars": 2,
       "maxChars": 15
     }
@@ -267,12 +267,12 @@ Single-line example showing typical implementation.
 
 **Button:**
 ```json
-"usage": "<ButtonTextStagger text=\"Get Started\" onClick={() => console.log('clicked')} />"
+"usage": "<ButtonTextStagger text=\"Download Now\" onClick={() => console.log('clicked')} />"
 ```
 
 **Section with minimal props:**
 ```json
-"usage": "<HeroBillboard title=\"Welcome\" description=\"Start building today\" buttons={[{ text: 'Get Started', href: '/signup' }]} />"
+"usage": "<HeroBillboard title=\"Welcome\" description=\"Start building today\" buttons={[{ text: 'Download Now', href: '/signup' }]} />"
 ```
 
 **CardStack section:**
@@ -308,7 +308,7 @@ Single-line example showing typical implementation.
   "textRules": {
     "text": {
       "required": true,
-      "example": "Get Started",
+      "example": "Download Now",
       "minChars": 2,
       "maxChars": 15
     }
@@ -380,7 +380,7 @@ Single-line example showing typical implementation.
     "textRules": {
       "text": {
         "required": true,
-        "example": "Get Started",
+        "example": "Download Now",
         "minChars": 2,
         "maxChars": 15
       }
@@ -396,7 +396,7 @@ Single-line example showing typical implementation.
     "ariaLabel?": "string",
     "type?": "'button' | 'submit' | 'reset' (default: 'button')"
   },
-  "usage": "<ButtonTextStagger text=\"Get Started\" onClick={() => console.log('clicked')} />"
+  "usage": "<ButtonTextStagger text=\"Download Now\" onClick={() => console.log('clicked')} />"
 }
 ```
 

registry/components/ButtonBounceEffect.json

@@ -5,7 +5,7 @@
     "textRules": {
       "text": {
         "required": true,
-        "example": "Get Started",
+        "example": "Download Now",
         "minChars": 2,
         "maxChars": 25
       }
@@ -21,7 +21,7 @@
     "ariaLabel?": "string",
     "type?": "'button' | 'submit' | 'reset' (default: 'button')"
   },
-  "usageExample": "<ButtonBounceEffect text=\"Get Started\" href=\"contact\" />",
+  "usageExample": "<ButtonBounceEffect text=\"Download Now\" href=\"contact\" />",
   "do": [
     "Use for general use"
   ],

registry/components/ButtonDirectionalHover.json

@@ -5,7 +5,7 @@
     "textRules": {
       "text": {
         "required": true,
-        "example": "Get Started",
+        "example": "Download Now",
         "minChars": 2,
         "maxChars": 25
       }
@@ -21,7 +21,7 @@
     "ariaLabel?": "string",
     "type?": "'button' | 'submit' | 'reset' (default: 'button')"
   },
-  "usageExample": "<ButtonDirectionalHover text=\"Get Started\" href=\"contact\" />",
+  "usageExample": "<ButtonDirectionalHover text=\"Download Now\" href=\"contact\" />",
   "do": [
     "Use for general use"
   ],

registry/components/ButtonElasticEffect.json

@@ -5,7 +5,7 @@
     "textRules": {
       "text": {
         "required": true,
-        "example": "Get Started",
+        "example": "Download Now",
         "minChars": 2,
         "maxChars": 25
       }
@@ -21,7 +21,7 @@
     "ariaLabel?": "string",
     "type?": "'button' | 'submit' | 'reset' (default: 'button')"
   },
-  "usageExample": "<ButtonElasticEffect text=\"Get Started\" href=\"contact\" />",
+  "usageExample": "<ButtonElasticEffect text=\"Download Now\" href=\"contact\" />",
   "do": [
     "Use for general use"
   ],

registry/components/ButtonExpandHover.json

@@ -5,7 +5,7 @@
     "textRules": {
       "text": {
         "required": true,
-        "example": "Get Started",
+        "example": "Download Now",
         "minChars": 2,
         "maxChars": 25
       }
@@ -21,7 +21,7 @@
     "ariaLabel?": "string",
     "type?": "'button' | 'submit' | 'reset' (default: 'button')"
   },
-  "usageExample": "<ButtonExpandHover text=\"Get Started\" href=\"contact\" />",
+  "usageExample": "<ButtonExpandHover text=\"Download Now\" href=\"contact\" />",
   "do": [
     "Use for general use"
   ],

registry/components/ButtonShiftHover.json

@@ -5,7 +5,7 @@
     "textRules": {
       "text": {
         "required": true,
-        "example": "Get Started",
+        "example": "Download Now",
         "minChars": 2,
         "maxChars": 25
       }
@@ -21,7 +21,7 @@
     "ariaLabel?": "string",
     "type?": "'button' | 'submit' | 'reset' (default: 'button')"
   },
-  "usageExample": "<ButtonShiftHover text=\"Get Started\" href=\"pricing\" />",
+  "usageExample": "<ButtonShiftHover text=\"Download Now\" href=\"pricing\" />",
   "do": [
     "Use for general use"
   ],

registry/components/ButtonTextShift.json

@@ -5,7 +5,7 @@
     "textRules": {
       "text": {
         "required": true,
-        "example": "Get Started",
+        "example": "Download Now",
         "minChars": 2,
         "maxChars": 25
       }
@@ -21,7 +21,7 @@
     "ariaLabel?": "string",
     "type?": "'button' | 'submit' | 'reset' (default: 'button')"
   },
-  "usageExample": "<ButtonTextShift text=\"Get Started\" href=\"contact\" />",
+  "usageExample": "<ButtonTextShift text=\"Download Now\" href=\"contact\" />",
   "do": [
     "Use for general use"
   ],

registry/components/ButtonTextStagger.json

@@ -5,7 +5,7 @@
     "textRules": {
       "text": {
         "required": true,
-        "example": "Get Started",
+        "example": "Download Now",
         "minChars": 2,
         "maxChars": 25
       }
@@ -21,7 +21,7 @@
     "ariaLabel?": "string",
     "type?": "'button' | 'submit' | 'reset' (default: 'button')"
   },
-  "usageExample": "<ButtonTextStagger text=\"Get Started\" href=\"https://example.com\" />",
+  "usageExample": "<ButtonTextStagger text=\"Download Now\" href=\"https://example.com\" />",
   "do": [
     "Use for general use"
   ],

registry/components/HeroBillboardDashboard.json

@@ -31,7 +31,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', href: 'https://example.com' }",
+        "{ text: 'Download Now', href: 'https://example.com' }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."

registry/components/HeroBillboardRotatedCarousel.json

@@ -60,7 +60,7 @@
     "ariaLabel?": "string (default: 'Hero section')",
     "className?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroBillboardRotatedCarousel \n    title=\"Transform Your Workflow\" \n    description=\"Experience seamless collaboration and productivity\" \n    tag=\"New Release\" \n    tagIcon={Sparkles}\n    buttons={[{ text: 'Get Started' }, { text: 'Learn More' }]}\n    carouselItems={[\n      { id: '1', imageSrc: '/image1.jpg', imageAlt: 'Product 1' },\n      { id: '2', imageSrc: '/image2.jpg', imageAlt: 'Product 2' },\n      { id: '3', imageSrc: '/image3.jpg', imageAlt: 'Product 3' },\n      { id: '4', imageSrc: '/image4.jpg', imageAlt: 'Product 4' },\n      { id: '5', imageSrc: '/image5.jpg', imageAlt: 'Product 5' },\n      { id: '6', imageSrc: '/image6.jpg', imageAlt: 'Product 6' }\n    ]}\n    autoPlay={true}\n    autoPlayInterval={4000}\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroBillboardRotatedCarousel \n    title=\"Transform Your Workflow\" \n    description=\"Experience seamless collaboration and productivity\" \n    tag=\"New Release\" \n    tagIcon={Sparkles}\n    buttons={[{ text: 'Download Now' }, { text: 'Learn More' }]}\n    carouselItems={[\n      { id: '1', imageSrc: '/image1.jpg', imageAlt: 'Product 1' },\n      { id: '2', imageSrc: '/image2.jpg', imageAlt: 'Product 2' },\n      { id: '3', imageSrc: '/image3.jpg', imageAlt: 'Product 3' },\n      { id: '4', imageSrc: '/image4.jpg', imageAlt: 'Product 4' },\n      { id: '5', imageSrc: '/image5.jpg', imageAlt: 'Product 5' },\n      { id: '6', imageSrc: '/image6.jpg', imageAlt: 'Product 6' }\n    ]}\n    autoPlay={true}\n    autoPlayInterval={4000}\n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/HeroBillboardScroll.json

@@ -63,7 +63,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', onClick: () => console.log('Get Started clicked') }",
+        "{ text: 'Download Now', onClick: () => console.log('Download Now clicked') }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -85,7 +85,7 @@
     "ariaLabel?": "string (default: 'Hero section')",
     "className?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroBillboardScroll \n    title=\"Scroll Animations\" \n    description=\"Experience smooth, performant animations as you scroll through your content\" \n    tag=\"Unleash the Power\" \n    imageSrc=\"/dashboard.jpg\" \n    imageAlt=\"Dashboard preview\"\n    buttons={[{ text: 'Get Started', onClick: () => console.log('Get Started clicked') }, { text: 'Learn More', href: 'about' }]} \n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroBillboardScroll \n    title=\"Scroll Animations\" \n    description=\"Experience smooth, performant animations as you scroll through your content\" \n    tag=\"Unleash the Power\" \n    imageSrc=\"/dashboard.jpg\" \n    imageAlt=\"Dashboard preview\"\n    buttons={[{ text: 'Download Now', onClick: () => console.log('Download Now clicked') }, { text: 'Learn More', href: 'about' }]} \n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/HeroBillboardTestimonial.json

@@ -68,7 +68,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', href: 'https://example.com' }",
+        "{ text: 'Download Now', href: 'https://example.com' }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -124,7 +124,7 @@
     "marqueeTextClassName?": "string",
     "marqueeIconClassName?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroBillboardTestimonial \n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    background={{ variant: 'glowing-orb' }}\n    tag=\"New Release\"\n    tagIcon={Sparkles}\n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Product showcase\"\n    mediaAnimation=\"slide-up\"\n    buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]}\n    buttonAnimation=\"blur-reveal\"\n    testimonials={[\n      { name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' },\n      { name: 'Michael Chen', handle: 'CTO, StartupXYZ', testimonial: 'Best investment we made.', rating: 5, imageSrc: '/avatar2.jpg' }\n    ]}\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroBillboardTestimonial \n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    background={{ variant: 'glowing-orb' }}\n    tag=\"New Release\"\n    tagIcon={Sparkles}\n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Product showcase\"\n    mediaAnimation=\"slide-up\"\n    buttons={[{ text: 'Download Now', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]}\n    buttonAnimation=\"blur-reveal\"\n    testimonials={[\n      { name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' },\n      { name: 'Michael Chen', handle: 'CTO, StartupXYZ', testimonial: 'Best investment we made.', rating: 5, imageSrc: '/avatar2.jpg' }\n    ]}\n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages with social proof",
     "Use for product showcases with testimonials",

registry/components/HeroCarouselLogo.json

@@ -42,7 +42,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', href: 'https://github.com' }",
+        "{ text: 'Download Now', href: 'https://github.com' }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Buttons are required (cannot be empty array). Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -59,7 +59,7 @@
     "ariaLabel?": "string (default: 'Hero section')",
     "className?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroCarouselLogo \n    logoText=\"WEBILD\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    buttons={[{ text: 'Get Started', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n    slides={[{ imageSrc: '/slide1.jpg', imageAlt: 'Slide 1' }, { imageSrc: '/slide2.jpg', imageAlt: 'Slide 2' }, { imageSrc: '/slide3.jpg', imageAlt: 'Slide 3' }]}\n    autoplayDelay={5000}\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroCarouselLogo \n    logoText=\"WEBILD\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    buttons={[{ text: 'Download Now', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n    slides={[{ imageSrc: '/slide1.jpg', imageAlt: 'Slide 1' }, { imageSrc: '/slide2.jpg', imageAlt: 'Slide 2' }, { imageSrc: '/slide3.jpg', imageAlt: 'Slide 3' }]}\n    autoplayDelay={5000}\n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/HeroCentered.json

@@ -82,7 +82,7 @@
     "marqueeTextClassName?": "string",
     "marqueeIconClassName?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" borderRadius=\"rounded\">\n  <HeroCentered\n    title=\"Build Modern Web Experiences\"\n    description=\"Create stunning, responsive websites with our component library.\"\n    background={{ variant: 'plain' }}\n    avatars={[\n      { src: '/avatar1.jpg', alt: 'User 1' },\n      { src: '/avatar2.jpg', alt: 'User 2' },\n      { src: '/avatar3.jpg', alt: 'User 3' }\n    ]}\n    avatarText=\"Trusted by 1000+ users\"\n    buttons={[{ text: 'Get Started', href: '#' }]}\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" borderRadius=\"rounded\">\n  <HeroCentered\n    title=\"Build Modern Web Experiences\"\n    description=\"Create stunning, responsive websites with our component library.\"\n    background={{ variant: 'plain' }}\n    avatars={[\n      { src: '/avatar1.jpg', alt: 'User 1' },\n      { src: '/avatar2.jpg', alt: 'User 2' },\n      { src: '/avatar3.jpg', alt: 'User 3' }\n    ]}\n    avatarText=\"Trusted by 1000+ users\"\n    buttons={[{ text: 'Download Now', href: '#' }]}\n  />\n</ThemeProvider>",
   "do": [
     "Use for impactful landing pages with social proof emphasis",
     "Include avatars for social proof",

registry/components/HeroLogo.json

@@ -47,7 +47,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', href: 'https://github.com' }",
+        "{ text: 'Download Now', href: 'https://github.com' }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Buttons are required (cannot be empty array). Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -67,7 +67,7 @@
     "ariaLabel?": "string (default: 'Hero section')",
     "className?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroLogo \n    logoText=\"Webild\" \n    description=\"Building the future of web design with innovative solutions\" \n    buttons={[{ text: 'Get Started', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n    imageSrc=\"/placeholders/placeholder5.jpg\" \n    imageAlt=\"Hero background\"\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroLogo \n    logoText=\"Webild\" \n    description=\"Building the future of web design with innovative solutions\" \n    buttons={[{ text: 'Download Now', href: 'https://github.com' }, { text: 'Learn More', href: 'about' }]} \n    imageSrc=\"/placeholders/placeholder5.jpg\" \n    imageAlt=\"Hero background\"\n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/HeroLogoBillboardSplit.json

@@ -78,7 +78,7 @@
     "ariaLabel?": "string (default: 'Hero section')",
     "className?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" cardStyle=\"layered-gradient\">\n  <HeroLogoBillboardSplit \n    logoText=\"ACME\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    buttons={[\n      { text: 'Get Started', href: '#' },\n      { text: 'Learn More', href: '#' }\n    ]}\n    layoutOrder=\"default\"\n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Hero showcase\"\n    frameStyle=\"browser\"\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" cardStyle=\"layered-gradient\">\n  <HeroLogoBillboardSplit \n    logoText=\"ACME\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    buttons={[\n      { text: 'Download Now', href: '#' },\n      { text: 'Learn More', href: '#' }\n    ]}\n    layoutOrder=\"default\"\n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Hero showcase\"\n    frameStyle=\"browser\"\n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/HeroOverlay.json

@@ -67,7 +67,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', href: 'https://example.com' }",
+        "{ text: 'Download Now', href: 'https://example.com' }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -91,7 +91,7 @@
     "ariaLabel?": "string (default: 'Hero section')",
     "className?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroOverlay \n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    tag=\"New Release\" \n    imageSrc=\"/hero-background.jpg\" \n    imageAlt=\"Hero background\"\n    textPosition=\"bottom-left\"\n    showBlur={true}\n    showDimOverlay={false}\n    buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} \n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"hover-bubble\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\">\n  <HeroOverlay \n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    tag=\"New Release\" \n    imageSrc=\"/hero-background.jpg\" \n    imageAlt=\"Hero background\"\n    textPosition=\"bottom-left\"\n    showBlur={true}\n    showDimOverlay={false}\n    buttons={[{ text: 'Download Now', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} \n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/HeroSignup.json

@@ -43,7 +43,7 @@
     "tagIcon?": "LucideIcon",
     "tagAnimation?": "'none' | 'opacity' | 'slide-up' | 'blur-reveal'",
     "inputPlaceholder?": "string (default: 'Enter your email')",
-    "buttonText?": "string (default: 'Get Started')",
+    "buttonText?": "string (default: 'Download Now')",
     "onSubmit?": "(email: string) => void",
     "ariaLabel?": "string (default: 'Hero section')",
     "className?": "string",

registry/components/HeroSplit.json

@@ -56,7 +56,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', href: 'https://example.com' }",
+        "{ text: 'Download Now', href: 'https://example.com' }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."

registry/components/HeroSplitDoubleCarousel.json

@@ -60,7 +60,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', href: 'https://example.com' }",
+        "{ text: 'Download Now', href: 'https://example.com' }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -86,7 +86,7 @@
     "showMarqueeCard?": "boolean (default: true)",
     "className?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroSplitDoubleCarousel \n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    background={{ variant: 'glowing-orb' }}\n    tag=\"New Release\"\n    carouselPosition=\"right\" \n    leftCarouselItems={[\n      { imageSrc: '/placeholder1.jpg', imageAlt: 'Gallery 1' },\n      { imageSrc: '/placeholder2.jpg', imageAlt: 'Gallery 2' },\n      { imageSrc: '/placeholder3.jpg', imageAlt: 'Gallery 3' },\n      { imageSrc: '/placeholder4.jpg', imageAlt: 'Gallery 4' }\n    ]}\n    rightCarouselItems={[\n      { imageSrc: '/placeholder5.jpg', imageAlt: 'Gallery 5' },\n      { imageSrc: '/placeholder6.jpg', imageAlt: 'Gallery 6' },\n      { imageSrc: '/placeholder7.jpg', imageAlt: 'Gallery 7' },\n      { imageSrc: '/placeholder8.jpg', imageAlt: 'Gallery 8' }\n    ]}\n    buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} \n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroSplitDoubleCarousel \n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    background={{ variant: 'glowing-orb' }}\n    tag=\"New Release\"\n    carouselPosition=\"right\" \n    leftCarouselItems={[\n      { imageSrc: '/placeholder1.jpg', imageAlt: 'Gallery 1' },\n      { imageSrc: '/placeholder2.jpg', imageAlt: 'Gallery 2' },\n      { imageSrc: '/placeholder3.jpg', imageAlt: 'Gallery 3' },\n      { imageSrc: '/placeholder4.jpg', imageAlt: 'Gallery 4' }\n    ]}\n    rightCarouselItems={[\n      { imageSrc: '/placeholder5.jpg', imageAlt: 'Gallery 5' },\n      { imageSrc: '/placeholder6.jpg', imageAlt: 'Gallery 6' },\n      { imageSrc: '/placeholder7.jpg', imageAlt: 'Gallery 7' },\n      { imageSrc: '/placeholder8.jpg', imageAlt: 'Gallery 8' }\n    ]}\n    buttons={[{ text: 'Download Now', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} \n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages with visual portfolios",
     "Use for image galleries and creative showcases",

registry/components/HeroSplitKpi.json

@@ -89,7 +89,7 @@
     "imagePosition?": "'left' | 'right' (default: 'right')",
     "className?": "string"
   },
-  "usageExample": "<HeroSplitKpi title=\"The Future of Supply Chain\" description=\"Ship globally within 3 days with smart fulfillment\" background={{ variant: \"radial-gradient\" }} enableKpiAnimation={true} kpis={[{ value: '4-10 Days', label: 'Worldwide Delivery' }, { value: '99.8%', label: 'Order Accuracy' }, { value: '10x', label: 'Faster Lead Times' }]} imageSrc=\"/hero-image.jpg\" imageAlt=\"Supply chain\" buttons={[{ text: 'Get Started', href: 'https://example.com' }]} />",
+  "usageExample": "<HeroSplitKpi title=\"The Future of Supply Chain\" description=\"Ship globally within 3 days with smart fulfillment\" background={{ variant: \"radial-gradient\" }} enableKpiAnimation={true} kpis={[{ value: '4-10 Days', label: 'Worldwide Delivery' }, { value: '99.8%', label: 'Order Accuracy' }, { value: '10x', label: 'Faster Lead Times' }]} imageSrc=\"/hero-image.jpg\" imageAlt=\"Supply chain\" buttons={[{ text: 'Download Now', href: 'https://example.com' }]} />",
   "do": [
     "Use for landing pages",
     "Use for feature showcases",

registry/components/HeroSplitTestimonial.json

@@ -76,7 +76,7 @@
         "props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
       },
       "examples": [
-        "{ text: 'Get Started', href: 'https://example.com' }",
+        "{ text: 'Download Now', href: 'https://example.com' }",
         "{ text: 'Learn More', href: 'about' }"
       ],
       "note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -134,7 +134,7 @@
     "marqueeTextClassName?": "string",
     "marqueeIconClassName?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroSplitTestimonial \n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    background={{ variant: 'glowing-orb' }}\n    tag=\"New Release\"\n    tagIcon={Sparkles}\n    imagePosition=\"right\" \n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Product showcase\"\n    mediaAnimation=\"slide-up\"\n    buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]}\n    buttonAnimation=\"blur-reveal\"\n    testimonials={[\n      { name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' },\n      { name: 'Michael Chen', handle: 'CTO, StartupXYZ', testimonial: 'Best investment we made.', rating: 5, imageSrc: '/avatar2.jpg' }\n    ]}\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <HeroSplitTestimonial \n    title=\"Build Modern Web Experiences\" \n    description=\"Create stunning, responsive websites with our comprehensive component library\" \n    background={{ variant: 'glowing-orb' }}\n    tag=\"New Release\"\n    tagIcon={Sparkles}\n    imagePosition=\"right\" \n    imageSrc=\"/hero.jpg\"\n    imageAlt=\"Product showcase\"\n    mediaAnimation=\"slide-up\"\n    buttons={[{ text: 'Download Now', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]}\n    buttonAnimation=\"blur-reveal\"\n    testimonials={[\n      { name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' },\n      { name: 'Michael Chen', handle: 'CTO, StartupXYZ', testimonial: 'Best investment we made.', rating: 5, imageSrc: '/avatar2.jpg' }\n    ]}\n  />\n</ThemeProvider>",
   "do": [
     "Use for landing pages with social proof",
     "Use for product showcases with testimonials",

registry/components/InlineImageSplitTextAbout.json

@@ -46,7 +46,7 @@
     "ariaLabel?": "string (default: 'About section')",
     "className?": "string"
   },
-  "usageExample": "// Wrap in ThemeProvider\n<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"rounded\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <InlineImageSplitTextAbout heading={[{ type: 'text', content: 'Building the future with' }, { type: 'image', src: '/brand/logo.png', alt: 'Company logo' }, { type: 'text', content: 'innovative solutions' }]} useInvertedBackground={false} buttons={[{ text: 'Get Started', href: '/signup' }, { text: 'Learn More', href: '/about' }]} />\n</ThemeProvider>",
+  "usageExample": "// Wrap in ThemeProvider\n<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"rounded\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <InlineImageSplitTextAbout heading={[{ type: 'text', content: 'Building the future with' }, { type: 'image', src: '/brand/logo.png', alt: 'Company logo' }, { type: 'text', content: 'innovative solutions' }]} useInvertedBackground={false} buttons={[{ text: 'Download Now', href: '/signup' }, { text: 'Learn More', href: '/about' }]} />\n</ThemeProvider>",
   "do": [
     "Use for about pages",
     "Use for company information",

registry/components/NavbarLayoutFloatingInline.json

@@ -17,7 +17,7 @@
         "required": true,
         "minChars": 2,
         "maxChars": 24,
-        "example": "Get Started"
+        "example": "Download Now"
       },
       "href": {
         "required": false,

registry/components/NavbarLayoutFloatingOverlay.json

@@ -17,7 +17,7 @@
         "required": true,
         "minChars": 2,
         "maxChars": 24,
-        "example": "Get Started"
+        "example": "Download Now"
       },
       "href": {
         "required": false,

registry/components/NavbarStyleCentered.json

@@ -17,7 +17,7 @@
         "required": true,
         "minChars": 2,
         "maxChars": 15,
-        "example": "Get Started"
+        "example": "Download Now"
       },
       "href": {
         "required": false,
@@ -55,7 +55,7 @@
     "brandName?": "string (default: 'Webild')",
     "className?": "string (default: '')"
   },
-  "usageExample": "<NavbarStyleCentered navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: 'Services', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} button={{text: 'Get Started', href: 'contact'}} />",
+  "usageExample": "<NavbarStyleCentered navItems={[{name: 'Home', id: 'home'}, {name: 'About', id: 'about'}, {name: 'Services', id: 'services'}, {name: 'Blog', id: 'blog'}, {name: 'Contact', id: 'contact'}]} button={{text: 'Download Now', href: 'contact'}} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/PricingCardEight.json

@@ -65,7 +65,7 @@
     "ariaLabel?": "string (default: 'Pricing section')",
     "className?": "string"
   },
-  "usageExample": "<PricingCardEight plans={[{ id: '1', badge: 'Most Popular', price: '$29/mo', subtitle: 'Perfect for small teams', buttons: [{ text: 'Get Started', href: '/signup' }], features: ['Up to 10 team members', '100GB storage', 'Priority support'] }]} animationType=\"slide-up\" title=\"Choose Your Plan\" description=\"Select the perfect plan for your needs\" textboxLayout=\"default\" useInvertedBackground={false} />",
+  "usageExample": "<PricingCardEight plans={[{ id: '1', badge: 'Most Popular', price: '$29/mo', subtitle: 'Perfect for small teams', buttons: [{ text: 'Download Now', href: '/signup' }], features: ['Up to 10 team members', '100GB storage', 'Priority support'] }]} animationType=\"slide-up\" title=\"Choose Your Plan\" description=\"Select the perfect plan for your needs\" textboxLayout=\"default\" useInvertedBackground={false} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/PricingCardTwo.json

@@ -94,7 +94,7 @@
     "ariaLabel?": "string (default: 'Pricing section')",
     "className?": "string"
   },
-  "usageExample": "<PricingCardTwo plans={[{ id: '1', badge: 'Business Plan', price: '$29/mo', subtitle: 'Perfect for small teams', buttons: [{ text: 'Get Started', onClick: () => console.log('clicked') }, { text: 'Chat to Sales', onClick: () => console.log('chat') }], features: ['Up to 10 team members', '100GB storage', 'Priority support'] }]} title=\"Choose Your Plan\" description=\"Find the perfect plan for your needs\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
+  "usageExample": "<PricingCardTwo plans={[{ id: '1', badge: 'Business Plan', price: '$29/mo', subtitle: 'Perfect for small teams', buttons: [{ text: 'Download Now', onClick: () => console.log('clicked') }, { text: 'Chat to Sales', onClick: () => console.log('chat') }], features: ['Up to 10 team members', '100GB storage', 'Priority support'] }]} title=\"Choose Your Plan\" description=\"Find the perfect plan for your needs\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/TextAbout.json

@@ -32,7 +32,7 @@
     "ariaLabel?": "string (default: 'About section')",
     "className?": "string"
   },
-  "usageExample": "// Wrap in ThemeProvider\n<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"reveal-blur\" borderRadius=\"soft\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <TextAbout title=\"We create exceptional digital experiences\" useInvertedBackground={false} buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} />\n</ThemeProvider>",
+  "usageExample": "// Wrap in ThemeProvider\n<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"reveal-blur\" borderRadius=\"soft\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <TextAbout title=\"We create exceptional digital experiences\" useInvertedBackground={false} buttons={[{ text: 'Download Now', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]} />\n</ThemeProvider>",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/schemas/HeroSignup.schema.json

@@ -8,7 +8,7 @@
     "tagIcon?": "LucideIcon",
     "tagAnimation?": "'none' | 'opacity' | 'slide-up' | 'blur-reveal'",
     "inputPlaceholder?": "string (default: 'Enter your email')",
-    "buttonText?": "string (default: 'Get Started')",
+    "buttonText?": "string (default: 'Download Now')",
     "onSubmit?": "(email: string) => void",
     "ariaLabel?": "string (default: 'Hero section')",
     "className?": "string",

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -26,7 +26,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="Shachar"
+          brandName="Torah Lock"
           navItems={[
             { name: "About", id: "about" },
             { name: "Features", id: "features" },
@@ -39,23 +39,26 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
-          logoText="torah lock"
-          description="Start your day with intention. A beautiful iOS app designed to help you pray every morning."
+        <HeroSplitDualMedia
+          title="Start your day with Hashem"
+          description="begin your day before your phone begins you "
+          background={{ variant: "plain" }}
+          tag="Torah Lock"
           buttons={[
-            { text: "Get Started", href: "https://apps.apple.com" },
+            { text: "Download Now", href: "https://apps.apple.com" },
             { text: "Learn More", href: "#about" }
           ]}
-          slides={[
+          mediaItems={[
             {
               imageSrc: "http://img.b2bpic.net/free-photo/hands-folded-prayer-holy-bible-church-concept-faith_169016-60197.jpg",              imageAlt: "Morning prayer"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQacqHTX7mKtM5EQru9KViuK5g/uploaded-1772608413814-0lx5yrrw.png",              imageAlt: "Prayer app interface"
+              videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQacqHTX7mKtM5EQru9KViuK5g/uploaded-1772608413814-0lx5yrrw.png",              videoAriaLabel: "Prayer app interface"
             }
           ]}
-          autoplayDelay={4000}
-          showDimOverlay={true}
+          mediaAnimation="none"
+          rating={5}
+          ratingText="Used by over 1.5k+ Jews "
         />
       </div>
 
@@ -74,7 +77,7 @@ export default function LandingPage() {
 
       <div id="features" data-section="features">
         <FeatureCardTwentyFive
-          title="What Makes Shachar Special"
+          title="What Makes Torah Lock Special"
           description="Discover the features designed to enhance your daily prayer practice."
           features={[
             {
@@ -131,7 +134,7 @@ export default function LandingPage() {
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
           title="What Our Users Say"
-          description="Hear from people who have transformed their spiritual practice with Shachar."
+          description="Hear from people who have transformed their spiritual practice with Torah Lock."
           testimonials={[
             {
               id: "1",              name: "Rabbi David Cohen",              role: "Spiritual Leader",              company: "Congregation Beth Shalom",              rating: 5,
@@ -166,7 +169,7 @@ export default function LandingPage() {
           tag="Ready to Begin"
           tagIcon={Star}
           title="Start Your Daily Prayer Practice Today"
-          description="Download Shachar from the App Store and begin your journey of intentional morning prayers. It's free and takes just minutes to set up."
+          description="Download Torah Lock from the App Store and begin your journey of intentional morning prayers. It's free and takes just minutes to set up."
           buttons={[
             { text: "Download on App Store", href: "https://apps.apple.com" },
             { text: "Learn More", href: "#about" }
@@ -178,8 +181,8 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterBase
-          logoText="Shachar"
-          copyrightText="© 2025 Shachar | Prayer App for Every Jewish Soul"
+          logoText="Torah Lock"
+          copyrightText="© 2025 Torah Lock | Torah Lock for Every Jewish Soul"
           columns={[
             {
               title: "Product",              items: [
@@ -204,4 +207,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;

src/components/sections/hero/HeroSignup.tsx

@@ -60,7 +60,7 @@ const HeroSignup = ({
   tagIcon,
   tagAnimation,
   inputPlaceholder = "Enter your email",
-  buttonText = "Get Started",
+  buttonText = "Download Now",
   onSubmit,
   ariaLabel = "Hero section",
   className = "",