From 9b8f9e0939997a82de6720cf690795605170dbca Mon Sep 17 00:00:00 2001 From: dk Date: Sat, 11 Apr 2026 03:47:56 +0000 Subject: [PATCH] Initial commit --- .env | 4 + .gitea/workflows/build.yml | 37 + README.md | 36 + THEME_PROVIDER_OPTIONS.txt | 117 + colorThemes.css | 804 ++ colorThemes.json | 677 ++ docs/ACCESSIBILITY.md | 500 + docs/CARDSTACK_SECTIONS.md | 489 + docs/COMPONENT_IMPLEMENTATION.md | 433 + docs/PREVIEW_PAGE_STANDARDS.md | 499 + docs/README.md | 161 + docs/REGISTRY_FOLDER_STRUCTURE.md | 299 + docs/REGISTRY_STANDARDS.md | 487 + docs/THEME_AND_STYLING.md | 521 ++ eslint.config.mjs | 55 + fontThemes.json | 237 + next-env.d.ts | 6 + next.config.ts | 32 + package-lock.json | 8321 +++++++++++++++++ package.json | 47 + postcss.config.mjs | 5 + registry.json | 4767 ++++++++++ registry/components/AboutMetric.json | 58 + .../components/AnimatedAuroraBackground.json | 22 + .../components/AnimatedGridBackground.json | 25 + registry/components/AuroraBackground.json | 21 + registry/components/AvatarGroup.json | 36 + registry/components/BentoGlobe.json | 28 + registry/components/BlogCardOne.json | 90 + registry/components/BlogCardThree.json | 94 + registry/components/BlogCardTwo.json | 88 + registry/components/BlurBottomBackground.json | 20 + registry/components/ButtonBounceEffect.json | 36 + .../components/ButtonDirectionalHover.json | 37 + registry/components/ButtonElasticEffect.json | 35 + registry/components/ButtonExpandHover.json | 37 + registry/components/ButtonHoverBubble.json | 37 + registry/components/ButtonHoverMagnetic.json | 36 + registry/components/ButtonIconArrow.json | 36 + registry/components/ButtonShiftHover.json | 38 + registry/components/ButtonTextShift.json | 36 + registry/components/ButtonTextStagger.json | 37 + registry/components/ButtonTextUnderline.json | 34 + registry/components/CardStack.json | 77 + .../components/CircleGradientBackground.json | 21 + registry/components/ContactCTA.json | 70 + registry/components/ContactCenter.json | 87 + registry/components/ContactForm.json | 83 + registry/components/ContactSplit.json | 96 + registry/components/ContactSplitForm.json | 69 + registry/components/ContactText.json | 56 + registry/components/DotGridBackground.json | 24 + .../components/DownwardRaysBackground.json | 28 + registry/components/EmailSignupForm.json | 43 + registry/components/FaqBase.json | 93 + registry/components/FaqDouble.json | 92 + registry/components/FaqSplitMedia.json | 123 + registry/components/FaqSplitText.json | 89 + registry/components/FeatureBento.json | 113 + registry/components/FeatureBorderGlow.json | 104 + registry/components/FeatureCardEight.json | 125 + registry/components/FeatureCardMedia.json | 96 + registry/components/FeatureCardNine.json | 150 + registry/components/FeatureCardNineteen.json | 127 + registry/components/FeatureCardOne.json | 96 + registry/components/FeatureCardSeven.json | 118 + registry/components/FeatureCardSix.json | 116 + registry/components/FeatureCardSixteen.json | 99 + registry/components/FeatureCardTen.json | 143 + registry/components/FeatureCardThree.json | 103 + registry/components/FeatureCardTwelve.json | 119 + .../components/FeatureCardTwentyEight.json | 130 + .../components/FeatureCardTwentyFive.json | 97 + .../components/FeatureCardTwentyFour.json | 84 + .../components/FeatureCardTwentyNine.json | 114 + registry/components/FeatureCardTwentyOne.json | 109 + .../components/FeatureCardTwentySeven.json | 87 + registry/components/FeatureCardTwentySix.json | 93 + .../components/FeatureCardTwentyThree.json | 123 + registry/components/FeatureHoverPattern.json | 107 + registry/components/FeatureTimelineBento.json | 111 + .../FloatingGradientBackground.json | 20 + registry/components/FluidBackground.json | 20 + registry/components/FooterBase.json | 84 + registry/components/FooterBaseCard.json | 69 + registry/components/FooterBaseReveal.json | 80 + registry/components/FooterCard.json | 64 + registry/components/FooterLogoEmphasis.json | 72 + .../components/FooterLogoEmphasisReveal.json | 72 + registry/components/FooterLogoReveal.json | 46 + registry/components/FooterMedia.json | 102 + registry/components/FooterSimple.json | 78 + .../components/GradientBarsBackground.json | 27 + registry/components/GridBackround.json | 24 + registry/components/HeroBillboard.json | 142 + .../components/HeroBillboardCarousel.json | 88 + .../components/HeroBillboardDashboard.json | 114 + registry/components/HeroBillboardGallery.json | 94 + .../HeroBillboardRotatedCarousel.json | 102 + registry/components/HeroBillboardScroll.json | 125 + .../components/HeroBillboardTestimonial.json | 136 + registry/components/HeroCarouselLogo.json | 91 + registry/components/HeroCentered.json | 92 + registry/components/HeroLogo.json | 95 + registry/components/HeroLogoBillboard.json | 87 + registry/components/HeroOverlay.json | 114 + .../components/HeroOverlayTestimonial.json | 167 + registry/components/HeroPersonalLinks.json | 81 + registry/components/HeroSignup.json | 80 + registry/components/HeroSplit.json | 121 + .../components/HeroSplitDoubleCarousel.json | 130 + registry/components/HeroSplitDualMedia.json | 109 + registry/components/HeroSplitKpi.json | 133 + registry/components/HeroSplitTestimonial.json | 139 + .../components/InlineImageSplitTextAbout.json | 70 + registry/components/Input.json | 36 + registry/components/MediaAbout.json | 96 + registry/components/MetricCardEleven.json | 115 + registry/components/MetricCardFourteen.json | 79 + registry/components/MetricCardOne.json | 114 + registry/components/MetricCardSeven.json | 110 + registry/components/MetricCardThree.json | 106 + registry/components/MetricCardTwo.json | 98 + .../components/MetricSplitMediaAbout.json | 82 + .../NavbarLayoutFloatingInline.json | 78 + .../NavbarLayoutFloatingOverlay.json | 76 + registry/components/NavbarStyleApple.json | 52 + registry/components/NavbarStyleCentered.json | 78 + .../components/NavbarStyleFullscreen.json | 76 + registry/components/PlainBackground.json | 19 + registry/components/PricingCardEight.json | 108 + registry/components/PricingCardFive.json | 132 + registry/components/PricingCardNine.json | 139 + registry/components/PricingCardOne.json | 122 + registry/components/PricingCardThree.json | 135 + registry/components/PricingCardTwo.json | 135 + registry/components/ProductCardFour.json | 114 + registry/components/ProductCardOne.json | 109 + registry/components/ProductCardThree.json | 114 + registry/components/ProductCardTwo.json | 129 + .../components/RadialGradientBackground.json | 25 + .../components/RotatedRaysBackground.json | 27 + registry/components/SocialProofOne.json | 87 + registry/components/SplitAbout.json | 116 + registry/components/TeamCardEleven.json | 129 + registry/components/TeamCardFive.json | 125 + registry/components/TeamCardOne.json | 120 + registry/components/TeamCardSix.json | 122 + registry/components/TeamCardTen.json | 85 + registry/components/TeamCardTwo.json | 140 + registry/components/TestimonialAboutCard.json | 91 + .../components/TestimonialCardFifteen.json | 73 + registry/components/TestimonialCardFive.json | 162 + registry/components/TestimonialCardOne.json | 136 + registry/components/TestimonialCardSix.json | 130 + .../components/TestimonialCardSixteen.json | 109 + registry/components/TestimonialCardTen.json | 132 + .../components/TestimonialCardThirteen.json | 126 + .../components/TestimonialCardTwelve.json | 93 + registry/components/TestimonialCardTwo.json | 123 + registry/components/TextAbout.json | 55 + registry/components/TextAnimation.json | 36 + registry/components/TextBox.json | 66 + registry/components/TextNumberCount.json | 40 + registry/components/TextSplitAbout.json | 66 + registry/components/Textarea.json | 36 + registry/components/TimelineCardStack.json | 77 + .../TimelineHorizontalCardStack.json | 106 + registry/components/TimelinePhoneView.json | 87 + registry/components/TimelineProcessFlow.json | 95 + registry/index.json | 2460 +++++ registry/intents.json | 140 + registry/schemas/AboutMetric.schema.json | 18 + .../AnimatedAuroraBackground.schema.json | 8 + .../AnimatedGridBackground.schema.json | 9 + registry/schemas/AuroraBackground.schema.json | 6 + registry/schemas/AvatarGroup.schema.json | 13 + registry/schemas/BentoGlobe.schema.json | 7 + registry/schemas/BlogCardOne.schema.json | 44 + registry/schemas/BlogCardThree.schema.json | 41 + registry/schemas/BlogCardTwo.schema.json | 41 + .../schemas/BlurBottomBackground.schema.json | 6 + .../schemas/ButtonBounceEffect.schema.json | 15 + .../ButtonDirectionalHover.schema.json | 16 + .../schemas/ButtonElasticEffect.schema.json | 14 + .../schemas/ButtonExpandHover.schema.json | 16 + .../schemas/ButtonHoverBubble.schema.json | 16 + .../schemas/ButtonHoverMagnetic.schema.json | 15 + registry/schemas/ButtonIconArrow.schema.json | 15 + registry/schemas/ButtonShiftHover.schema.json | 15 + registry/schemas/ButtonTextShift.schema.json | 15 + .../schemas/ButtonTextStagger.schema.json | 15 + .../schemas/ButtonTextUnderline.schema.json | 13 + registry/schemas/CardStack.schema.json | 35 + .../CircleGradientBackground.schema.json | 7 + registry/schemas/ContactCTA.schema.json | 25 + registry/schemas/ContactCenter.schema.json | 28 + registry/schemas/ContactForm.schema.json | 25 + registry/schemas/ContactSplit.schema.json | 37 + registry/schemas/ContactSplitForm.schema.json | 30 + registry/schemas/ContactText.schema.json | 16 + .../schemas/DotGridBackground.schema.json | 8 + .../DownwardRaysBackground.schema.json | 9 + registry/schemas/EmailSignupForm.schema.json | 12 + registry/schemas/FaqBase.schema.json | 38 + registry/schemas/FaqDouble.schema.json | 37 + registry/schemas/FaqSplitMedia.schema.json | 47 + registry/schemas/FaqSplitText.schema.json | 32 + registry/schemas/FeatureBento.schema.json | 38 + .../schemas/FeatureBorderGlow.schema.json | 39 + registry/schemas/FeatureCardEight.schema.json | 36 + registry/schemas/FeatureCardMedia.schema.json | 44 + registry/schemas/FeatureCardNine.schema.json | 41 + .../schemas/FeatureCardNineteen.schema.json | 36 + registry/schemas/FeatureCardOne.schema.json | 42 + registry/schemas/FeatureCardSeven.schema.json | 36 + registry/schemas/FeatureCardSix.schema.json | 34 + .../schemas/FeatureCardSixteen.schema.json | 36 + registry/schemas/FeatureCardTen.schema.json | 40 + registry/schemas/FeatureCardThree.schema.json | 39 + .../schemas/FeatureCardTwelve.schema.json | 37 + .../FeatureCardTwentyEight.schema.json | 42 + .../schemas/FeatureCardTwentyFive.schema.json | 40 + .../schemas/FeatureCardTwentyFour.schema.json | 38 + .../schemas/FeatureCardTwentyNine.schema.json | 39 + .../schemas/FeatureCardTwentyOne.schema.json | 42 + .../FeatureCardTwentySeven.schema.json | 32 + .../schemas/FeatureCardTwentySix.schema.json | 34 + .../FeatureCardTwentyThree.schema.json | 42 + .../schemas/FeatureHoverPattern.schema.json | 42 + .../schemas/FeatureTimelineBento.schema.json | 35 + .../FloatingGradientBackground.schema.json | 6 + registry/schemas/FluidBackground.schema.json | 6 + registry/schemas/FooterBase.schema.json | 24 + registry/schemas/FooterBaseCard.schema.json | 25 + registry/schemas/FooterBaseReveal.schema.json | 27 + registry/schemas/FooterCard.schema.json | 21 + .../schemas/FooterLogoEmphasis.schema.json | 19 + .../FooterLogoEmphasisReveal.schema.json | 19 + registry/schemas/FooterLogoReveal.schema.json | 17 + registry/schemas/FooterMedia.schema.json | 30 + registry/schemas/FooterSimple.schema.json | 19 + .../GradientBarsBackground.schema.json | 11 + registry/schemas/GridBackround.schema.json | 8 + registry/schemas/HeroBillboard.schema.json | 31 + .../schemas/HeroBillboardCarousel.schema.json | 25 + .../HeroBillboardDashboard.schema.json | 31 + .../schemas/HeroBillboardGallery.schema.json | 27 + .../HeroBillboardRotatedCarousel.schema.json | 36 + .../schemas/HeroBillboardScroll.schema.json | 40 + .../HeroBillboardTestimonial.schema.json | 53 + registry/schemas/HeroCarouselLogo.schema.json | 27 + registry/schemas/HeroCentered.schema.json | 31 + registry/schemas/HeroLogo.schema.json | 29 + .../schemas/HeroLogoBillboard.schema.json | 27 + registry/schemas/HeroOverlay.schema.json | 36 + .../HeroOverlayTestimonial.schema.json | 46 + .../schemas/HeroPersonalLinks.schema.json | 27 + registry/schemas/HeroSignup.schema.json | 26 + registry/schemas/HeroSplit.schema.json | 35 + .../HeroSplitDoubleCarousel.schema.json | 42 + .../schemas/HeroSplitDualMedia.schema.json | 32 + registry/schemas/HeroSplitKpi.schema.json | 39 + .../schemas/HeroSplitTestimonial.schema.json | 55 + .../InlineImageSplitTextAbout.schema.json | 18 + registry/schemas/Input.schema.json | 13 + registry/schemas/MediaAbout.schema.json | 28 + registry/schemas/MetricCardEleven.schema.json | 36 + .../schemas/MetricCardFourteen.schema.json | 20 + registry/schemas/MetricCardOne.schema.json | 41 + registry/schemas/MetricCardSeven.schema.json | 39 + registry/schemas/MetricCardThree.schema.json | 39 + registry/schemas/MetricCardTwo.schema.json | 38 + .../schemas/MetricSplitMediaAbout.schema.json | 35 + .../NavbarLayoutFloatingInline.schema.json | 17 + .../NavbarLayoutFloatingOverlay.schema.json | 15 + registry/schemas/NavbarStyleApple.schema.json | 7 + .../schemas/NavbarStyleCentered.schema.json | 14 + .../schemas/NavbarStyleFullscreen.schema.json | 17 + registry/schemas/PlainBackground.schema.json | 6 + registry/schemas/PricingCardEight.schema.json | 42 + registry/schemas/PricingCardFive.schema.json | 42 + registry/schemas/PricingCardNine.schema.json | 41 + registry/schemas/PricingCardOne.schema.json | 40 + registry/schemas/PricingCardThree.schema.json | 42 + registry/schemas/PricingCardTwo.schema.json | 42 + registry/schemas/ProductCardFour.schema.json | 41 + registry/schemas/ProductCardOne.schema.json | 39 + registry/schemas/ProductCardThree.schema.json | 39 + registry/schemas/ProductCardTwo.schema.json | 42 + .../RadialGradientBackground.schema.json | 10 + .../schemas/RotatedRaysBackground.schema.json | 9 + registry/schemas/SocialProofOne.schema.json | 34 + registry/schemas/SplitAbout.schema.json | 41 + registry/schemas/TeamCardEleven.schema.json | 35 + registry/schemas/TeamCardFive.schema.json | 35 + registry/schemas/TeamCardOne.schema.json | 40 + registry/schemas/TeamCardSix.schema.json | 40 + registry/schemas/TeamCardTen.schema.json | 22 + registry/schemas/TeamCardTwo.schema.json | 43 + .../schemas/TestimonialAboutCard.schema.json | 32 + .../TestimonialCardFifteen.schema.json | 21 + .../schemas/TestimonialCardFive.schema.json | 40 + .../schemas/TestimonialCardOne.schema.json | 42 + .../schemas/TestimonialCardSix.schema.json | 40 + .../TestimonialCardSixteen.schema.json | 42 + .../schemas/TestimonialCardTen.schema.json | 38 + .../TestimonialCardThirteen.schema.json | 44 + .../schemas/TestimonialCardTwelve.schema.json | 24 + .../schemas/TestimonialCardTwo.schema.json | 41 + registry/schemas/TextAbout.schema.json | 19 + registry/schemas/TextAnimation.schema.json | 17 + registry/schemas/TextBox.schema.json | 34 + registry/schemas/TextNumberCount.schema.json | 15 + registry/schemas/TextSplitAbout.schema.json | 19 + registry/schemas/Textarea.schema.json | 13 + .../schemas/TimelineCardStack.schema.json | 26 + .../TimelineHorizontalCardStack.schema.json | 31 + .../schemas/TimelinePhoneView.schema.json | 35 + .../schemas/TimelineProcessFlow.schema.json | 32 + src/app/about/page.tsx | 120 + src/app/classes/page.tsx | 183 + src/app/error.tsx | 74 + src/app/favicon.ico | Bin 0 -> 25931 bytes src/app/global-error.tsx | 76 + src/app/globals.css | 5 + src/app/layout.tsx | 49 + src/app/page.tsx | 204 + src/app/styles/base.css | 28 + src/app/styles/theme.css | 176 + src/app/styles/utilities.css | 246 + src/app/styles/variables.css | 217 + src/app/vendors/page.tsx | 137 + src/app/visit/page.tsx | 147 + src/components/Accordion.tsx | 145 + src/components/ServiceWrapper.tsx | 22 + src/components/Textbox.tsx | 311 + .../background/AnimatedAuroraBackground.tsx | 42 + .../background/AnimatedGridBackground.tsx | 111 + .../background/AuroraBackground.tsx | 30 + .../background/BlurBottomBackground.tsx | 57 + .../background/CanvasRevealBackground.tsx | 73 + .../background/CanvasRevealEffect.tsx | 303 + src/components/background/CardPattern.tsx | 55 + .../background/CellWaveBackground.tsx | 102 + .../background/CircleGradientBackground.tsx | 46 + .../background/DotGridBackground.tsx | 43 + .../background/DownwardRaysBackground.tsx | 128 + src/components/background/FluidBackground.tsx | 275 + src/components/background/GlowingEffect.tsx | 268 + .../background/GlowingOrbBackground.tsx | 50 + .../GlowingOrbSparklesBackground.tsx | 80 + .../background/GradientBarsBackground.tsx | 72 + src/components/background/GridBackround.tsx | 43 + src/components/background/HeroBackgrounds.tsx | 121 + src/components/background/NoiseBackground.tsx | 29 + .../NoiseDiagonalGradientBackground.tsx | 33 + .../background/NoiseGradientBackground.tsx | 33 + src/components/background/PlainBackground.tsx | 19 + .../background/RadialGradientBackground.tsx | 38 + .../background/RotatedRaysBackground.tsx | 128 + .../background/RotatingGradientBackground.tsx | 75 + src/components/background/Sparkles.tsx | 460 + .../background/SparklesGradientBackground.tsx | 54 + .../FloatingGradientBackground.css | 102 + .../FloatingGradientBackground.tsx | 36 + src/components/bento/Bento3DCardGrid.tsx | 121 + src/components/bento/Bento3DStackCards.tsx | 113 + src/components/bento/Bento3DTaskList.tsx | 96 + .../bento/BentoAnimatedBarChart.tsx | 76 + src/components/bento/BentoChatAnimation.tsx | 95 + src/components/bento/BentoGlobe.tsx | 203 + src/components/bento/BentoIconInfoCards.tsx | 71 + .../bento/BentoLineChart/BentoLineChart.tsx | 141 + .../bento/BentoLineChart/CustomTooltip.tsx | 61 + src/components/bento/BentoLineChart/utils.ts | 33 + src/components/bento/BentoMap.tsx | 1459 +++ src/components/bento/BentoMarquee.tsx | 70 + src/components/bento/BentoMediaStack.tsx | 81 + src/components/bento/BentoOrbitingIcons.tsx | 103 + src/components/bento/BentoPhoneAnimation.tsx | 114 + src/components/bento/BentoRevealIcon.tsx | 82 + src/components/bento/BentoTimeline.tsx | 114 + src/components/button/Button.tsx | 40 + .../ButtonBounceEffect/BounceButton.css | 30 + .../ButtonBounceEffect/ButtonBounceEffect.tsx | 73 + .../ButtonDirectionalHover.tsx | 82 + .../DirectionalButton.css | 37 + .../useDirectionalHover.ts | 48 + .../ButtonElasticEffect.tsx | 54 + .../ButtonElasticEffect/useElasticEffect.ts | 59 + src/components/button/ButtonExpandHover.tsx | 95 + src/components/button/ButtonHoverBubble.tsx | 82 + .../ButtonHoverMagnetic.tsx | 56 + .../ButtonHoverMagnetic/useMagneticEffect.ts | 73 + src/components/button/ButtonIconArrow.tsx | 65 + .../ButtonShiftHover/ButtonShiftHover.tsx | 72 + .../button/ButtonShiftHover/ShiftButton.css | 29 + .../button/ButtonSlideBackground.tsx | 74 + .../ButtonTextShift/ButtonTextShift.tsx | 73 + .../ButtonTextShift/TextShiftButton.css | 21 + .../ButtonTextStagger/ButtonTextStagger.tsx | 73 + .../ButtonTextStagger/StaggerButton.css | 29 + src/components/button/ButtonTextUnderline.tsx | 52 + src/components/button/SelectorButton.tsx | 124 + src/components/button/types.ts | 91 + src/components/button/useButtonClick.ts | 74 + src/components/button/useCharAnimation.ts | 31 + src/components/cardStack/CardList.tsx | 122 + src/components/cardStack/CardStack.tsx | 188 + src/components/cardStack/CardStackTextBox.tsx | 91 + .../cardStack/hooks/useCardAnimation.ts | 187 + .../cardStack/hooks/useDepth3DAnimation.ts | 118 + .../cardStack/hooks/usePhoneAnimations.ts | 108 + .../cardStack/hooks/usePrevNextButtons.ts | 40 + .../cardStack/hooks/useScrollProgress.ts | 30 + .../cardStack/hooks/useTimelineHorizontal.ts | 243 + .../layouts/carousels/AngledCarousel.tsx | 143 + .../layouts/carousels/ArrowCarousel.tsx | 143 + .../layouts/carousels/AutoCarousel.tsx | 147 + .../layouts/carousels/ButtonCarousel.tsx | 181 + .../layouts/carousels/FullWidthCarousel.tsx | 154 + .../cardStack/layouts/grid/GridLayout.tsx | 150 + .../cardStack/layouts/grid/gridConfigs.ts | 319 + .../layouts/timelines/TimelineCardStack.tsx | 146 + .../timelines/TimelineHorizontalCardStack.tsx | 174 + .../layouts/timelines/TimelinePhoneView.tsx | 271 + .../layouts/timelines/TimelineProcessFlow.tsx | 205 + src/components/cardStack/types.ts | 148 + src/components/ecommerce/cart/ProductCart.tsx | 190 + .../ecommerce/cart/ProductCartItem.tsx | 105 + .../productCatalog/ProductCatalog.tsx | 155 + .../productCatalog/ProductCatalogItem.tsx | 114 + .../productDetail/ProductDetailCard.tsx | 254 + .../productDetail/ProductDetailGallery.tsx | 114 + .../ProductDetailVariantSelect.tsx | 52 + src/components/form/ContactForm.tsx | 107 + src/components/form/EmailSignupForm.tsx | 77 + src/components/form/Input.tsx | 65 + src/components/form/MultiSelect.tsx | 48 + src/components/form/Textarea.tsx | 65 + src/components/form/WaitlistForm.tsx | 98 + src/components/hooks/useButtonAnimation.ts | 77 + src/components/legal/LegalSection.tsx | 130 + src/components/navbar/HamburgerButton.tsx | 59 + src/components/navbar/Logo.tsx | 74 + .../navbar/NavbarLayoutFloatingInline.tsx | 145 + .../NavbarLayoutFloatingOverlay.tsx | 94 + .../useMenuAnimation.ts | 40 + .../useResponsive.ts | 18 + .../useScrollDetection.ts | 18 + .../NavbarStyleApple/NavbarStyleApple.tsx | 148 + .../navbar/NavbarStyleApple/useScrollState.ts | 28 + .../NavbarStyleCentered.css | 40 + .../NavbarStyleCentered.tsx | 183 + .../NavbarStyleFullscreen.css | 58 + .../NavbarStyleFullscreen.tsx | 165 + .../navbar/expandingMenu/ExpandingMenu.tsx | 149 + .../expandingMenu/useResponsiveMenuWidth.ts | 23 + .../navbar/mobileMenu/MobileMenu.tsx | 79 + .../navbar/mobileMenu/useMenuAnimation.ts | 40 + .../sections/AnimationContainer.tsx | 45 + src/components/sections/about/AboutMetric.tsx | 104 + .../about/InlineImageSplitTextAbout.tsx | 123 + src/components/sections/about/MediaAbout.tsx | 102 + .../sections/about/MetricSplitMediaAbout.tsx | 170 + src/components/sections/about/SplitAbout.tsx | 184 + .../sections/about/TestimonialAboutCard.tsx | 143 + src/components/sections/about/TextAbout.tsx | 80 + .../sections/about/TextSplitAbout.tsx | 89 + src/components/sections/about/index.ts | 8 + src/components/sections/blog/BlogCardOne.tsx | 239 + .../sections/blog/BlogCardThree.tsx | 283 + src/components/sections/blog/BlogCardTwo.tsx | 236 + src/components/sections/blog/index.ts | 3 + .../sections/contact/ContactCTA.tsx | 110 + .../sections/contact/ContactCenter.tsx | 130 + .../sections/contact/ContactSplit.tsx | 170 + .../sections/contact/ContactSplitForm.tsx | 239 + .../sections/contact/ContactText.tsx | 114 + src/components/sections/contact/index.ts | 5 + src/components/sections/faq/FaqBase.tsx | 153 + src/components/sections/faq/FaqDouble.tsx | 178 + src/components/sections/faq/FaqSplitMedia.tsx | 199 + src/components/sections/faq/FaqSplitText.tsx | 157 + src/components/sections/faq/index.ts | 4 + .../sections/feature/FeatureBento.tsx | 299 + .../sections/feature/FeatureCardEight.tsx | 155 + .../sections/feature/FeatureCardMedia.tsx | 257 + .../sections/feature/FeatureCardNine.tsx | 234 + .../sections/feature/FeatureCardNineteen.tsx | 197 + .../sections/feature/FeatureCardOne.tsx | 198 + .../sections/feature/FeatureCardSeven.tsx | 177 + .../sections/feature/FeatureCardSix.tsx | 171 + .../sections/feature/FeatureCardSixteen.tsx | 166 + .../sections/feature/FeatureCardTen.tsx | 259 + .../sections/feature/FeatureCardTwelve.tsx | 181 + .../feature/FeatureCardTwentyEight.tsx | 241 + .../feature/FeatureCardTwentyFive.tsx | 177 + .../feature/FeatureCardTwentyFour.tsx | 198 + .../sections/feature/FeatureCardTwentyOne.tsx | 234 + .../feature/FeatureCardTwentySeven.tsx | 204 + .../sections/feature/FeatureCardTwentySix.tsx | 183 + .../feature/FeatureCardTwentyThree.tsx | 237 + .../sections/feature/FeatureTimelineBento.tsx | 308 + .../featureBorderGlow/FeatureBorderGlow.tsx | 154 + .../FeatureBorderGlowItem.tsx | 85 + .../feature/featureBorderGlow/constants.ts | 8 + .../featureCardThree/FeatureCardThree.css | 32 + .../featureCardThree/FeatureCardThree.tsx | 181 + .../featureCardThree/FeatureCardThreeItem.tsx | 143 + .../featureCardThree/useDynamicDimensions.ts | 122 + .../FeatureCardTwentyNine.css | 32 + .../FeatureCardTwentyNine.tsx | 184 + .../FeatureCardTwentyNineItem.tsx | 156 + .../useDynamicDimensions.ts | 122 + .../FeatureHoverPattern.tsx | 164 + .../FeatureHoverPatternItem.tsx | 151 + .../feature/featureHoverPattern/constants.ts | 17 + .../usePatternInteraction.ts | 137 + src/components/sections/feature/index.ts | 22 + src/components/sections/footer/FooterBase.tsx | 106 + .../sections/footer/FooterBaseCard.tsx | 106 + .../sections/footer/FooterBaseReveal.tsx | 131 + src/components/sections/footer/FooterCard.tsx | 92 + .../sections/footer/FooterLogoEmphasis.tsx | 133 + .../footer/FooterLogoEmphasisReveal.tsx | 106 + .../sections/footer/FooterLogoReveal.tsx | 127 + .../sections/footer/FooterMedia.tsx | 141 + .../sections/footer/FooterSimple.tsx | 72 + src/components/sections/footer/index.ts | 8 + .../sections/hero/HeroBillboard.tsx | 170 + .../sections/hero/HeroBillboardCarousel.tsx | 153 + .../sections/hero/HeroBillboardDashboard.tsx | 130 + .../sections/hero/HeroBillboardGallery.tsx | 198 + .../hero/HeroBillboardRotatedCarousel.tsx | 125 + .../sections/hero/HeroBillboardScroll.tsx | 166 + .../hero/HeroBillboardTestimonial.tsx | 265 + src/components/sections/hero/HeroCentered.tsx | 129 + src/components/sections/hero/HeroLogo.tsx | 127 + .../sections/hero/HeroLogoBillboard.tsx | 166 + src/components/sections/hero/HeroOverlay.tsx | 154 + .../sections/hero/HeroOverlayTestimonial.tsx | 247 + .../sections/hero/HeroPersonalLinks.tsx | 198 + src/components/sections/hero/HeroSignup.tsx | 113 + src/components/sections/hero/HeroSplit.tsx | 208 + .../sections/hero/HeroSplitDoubleCarousel.tsx | 234 + .../sections/hero/HeroSplitDualMedia.tsx | 191 + src/components/sections/hero/HeroSplitKpi.tsx | 320 + .../sections/hero/HeroSplitTestimonial.tsx | 302 + .../heroCarouselLogo/HeroCarouselLogo.tsx | 169 + .../heroCarouselLogo/useCarouselFullscreen.ts | 103 + src/components/sections/hero/index.ts | 19 + .../sections/metrics/MetricCardEleven.tsx | 271 + .../sections/metrics/MetricCardFourteen.tsx | 140 + .../sections/metrics/MetricCardOne.tsx | 210 + .../sections/metrics/MetricCardSeven.tsx | 192 + .../sections/metrics/MetricCardThree.tsx | 184 + .../sections/metrics/MetricCardTwo.tsx | 181 + src/components/sections/metrics/index.ts | 6 + .../sections/pricing/PricingCardEight.tsx | 246 + .../sections/pricing/PricingCardFive.tsx | 230 + .../sections/pricing/PricingCardNine.tsx | 215 + .../sections/pricing/PricingCardOne.tsx | 204 + .../sections/pricing/PricingCardThree.tsx | 245 + .../sections/pricing/PricingCardTwo.tsx | 244 + src/components/sections/pricing/index.ts | 6 + .../sections/product/ProductCardFour.tsx | 236 + .../sections/product/ProductCardOne.tsx | 224 + .../sections/product/ProductCardThree.tsx | 281 + .../sections/product/ProductCardTwo.tsx | 265 + src/components/sections/product/index.ts | 4 + .../sections/socialProof/SocialProofOne.tsx | 120 + src/components/sections/socialProof/index.ts | 1 + .../sections/team/TeamCardEleven.tsx | 195 + src/components/sections/team/TeamCardFive.tsx | 147 + src/components/sections/team/TeamCardOne.tsx | 189 + src/components/sections/team/TeamCardSix.tsx | 195 + src/components/sections/team/TeamCardTen.tsx | 148 + src/components/sections/team/TeamCardTwo.tsx | 235 + src/components/sections/team/index.ts | 6 + .../testimonial/TestimonialCardFifteen.tsx | 116 + .../testimonial/TestimonialCardFive.tsx | 234 + .../testimonial/TestimonialCardOne.tsx | 214 + .../testimonial/TestimonialCardSix.tsx | 201 + .../testimonial/TestimonialCardSixteen.tsx | 238 + .../testimonial/TestimonialCardTen.tsx | 233 + .../testimonial/TestimonialCardThirteen.tsx | 238 + .../testimonial/TestimonialCardTwelve.tsx | 127 + .../testimonial/TestimonialCardTwo.tsx | 214 + src/components/sections/testimonial/index.ts | 9 + src/components/shared/AvatarGroup.tsx | 95 + src/components/shared/Badge.tsx | 32 + src/components/shared/Dashboard.tsx | 330 + src/components/shared/FavoriteButton.tsx | 58 + .../shared/FillWidthText/FillWidthText.tsx | 55 + .../shared/FillWidthText/useFillWidthText.ts | 109 + src/components/shared/FooterColumns.tsx | 61 + src/components/shared/LogoMarquee.tsx | 77 + src/components/shared/MediaBadge.tsx | 46 + src/components/shared/MediaContent.tsx | 52 + src/components/shared/OverlayArrowButton.tsx | 28 + src/components/shared/PricingBadge.tsx | 25 + src/components/shared/PricingFeatureList.tsx | 41 + src/components/shared/ProductImage.tsx | 65 + src/components/shared/QuantityButton.tsx | 22 + src/components/shared/SocialLinks.tsx | 48 + .../shared/SvgTextLogo/SvgTextLogo.tsx | 50 + .../shared/SvgTextLogo/useSvgTextLogo.ts | 34 + src/components/shared/Tag.tsx | 36 + src/components/shared/TestimonialAuthor.tsx | 72 + src/components/text/TextAnimation.tsx | 286 + src/components/text/TextNumberCount.tsx | 105 + src/components/text/types.ts | 1 + src/hooks/useBlogPosts.ts | 39 + src/hooks/useCart.ts | 160 + src/hooks/useCheckout.ts | 117 + src/hooks/useClickOutside.ts | 38 + src/hooks/useProduct.ts | 45 + src/hooks/useProductCatalog.ts | 115 + src/hooks/useProductDetail.ts | 196 + src/hooks/useProducts.ts | 39 + src/lib/api/blog.ts | 106 + src/lib/api/product.ts | 219 + src/lib/buttonUtils.ts | 102 + src/lib/gsap-setup.ts | 6 + src/lib/utils.ts | 20 + src/providers/themeProvider/ThemeProvider.tsx | 138 + .../themeProvider/config/background.ts | 25 + src/providers/themeProvider/config/baseVw.ts | 44 + .../themeProvider/config/borderRadius.ts | 13 + .../themeProvider/config/constants.ts | 7 + .../themeProvider/config/contentWidth.ts | 82 + src/providers/themeProvider/config/shared.ts | 16 + .../themeProvider/config/textSizing.ts | 385 + src/providers/themeProvider/config/types.ts | 48 + .../themeProvider/styles/cardStyles.ts | 120 + .../styles/primaryButtonStyles.ts | 101 + .../styles/secondaryButtonStyles.ts | 33 + .../utils/detectLightBackground.ts | 21 + src/tag/Tag.tsx | 56 + src/tag/useTagEffects.ts | 54 + src/types/button.ts | 11 + src/types/navigation.ts | 11 + src/utils/debounce.ts | 15 + src/utils/sendContactEmail.ts | 62 + src/utils/throttle.ts | 24 + src/utils/visual-edit-script.ts | 1367 +++ tsconfig.json | 42 + tsconfig.tsbuildinfo | 1 + vercel.json | 5 + 651 files changed, 80381 insertions(+) create mode 100644 .env create mode 100644 .gitea/workflows/build.yml create mode 100644 README.md create mode 100644 THEME_PROVIDER_OPTIONS.txt create mode 100644 colorThemes.css create mode 100644 colorThemes.json create mode 100644 docs/ACCESSIBILITY.md create mode 100644 docs/CARDSTACK_SECTIONS.md create mode 100644 docs/COMPONENT_IMPLEMENTATION.md create mode 100644 docs/PREVIEW_PAGE_STANDARDS.md create mode 100644 docs/README.md create mode 100644 docs/REGISTRY_FOLDER_STRUCTURE.md create mode 100644 docs/REGISTRY_STANDARDS.md create mode 100644 docs/THEME_AND_STYLING.md create mode 100644 eslint.config.mjs create mode 100644 fontThemes.json create mode 100644 next-env.d.ts create mode 100644 next.config.ts create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 postcss.config.mjs create mode 100644 registry.json create mode 100644 registry/components/AboutMetric.json create mode 100644 registry/components/AnimatedAuroraBackground.json create mode 100644 registry/components/AnimatedGridBackground.json create mode 100644 registry/components/AuroraBackground.json create mode 100644 registry/components/AvatarGroup.json create mode 100644 registry/components/BentoGlobe.json create mode 100644 registry/components/BlogCardOne.json create mode 100644 registry/components/BlogCardThree.json create mode 100644 registry/components/BlogCardTwo.json create mode 100644 registry/components/BlurBottomBackground.json create mode 100644 registry/components/ButtonBounceEffect.json create mode 100644 registry/components/ButtonDirectionalHover.json create mode 100644 registry/components/ButtonElasticEffect.json create mode 100644 registry/components/ButtonExpandHover.json create mode 100644 registry/components/ButtonHoverBubble.json create mode 100644 registry/components/ButtonHoverMagnetic.json create mode 100644 registry/components/ButtonIconArrow.json create mode 100644 registry/components/ButtonShiftHover.json create mode 100644 registry/components/ButtonTextShift.json create mode 100644 registry/components/ButtonTextStagger.json create mode 100644 registry/components/ButtonTextUnderline.json create mode 100644 registry/components/CardStack.json create mode 100644 registry/components/CircleGradientBackground.json create mode 100644 registry/components/ContactCTA.json create mode 100644 registry/components/ContactCenter.json create mode 100644 registry/components/ContactForm.json create mode 100644 registry/components/ContactSplit.json create mode 100644 registry/components/ContactSplitForm.json create mode 100644 registry/components/ContactText.json create mode 100644 registry/components/DotGridBackground.json create mode 100644 registry/components/DownwardRaysBackground.json create mode 100644 registry/components/EmailSignupForm.json create mode 100644 registry/components/FaqBase.json create mode 100644 registry/components/FaqDouble.json create mode 100644 registry/components/FaqSplitMedia.json create mode 100644 registry/components/FaqSplitText.json create mode 100644 registry/components/FeatureBento.json create mode 100644 registry/components/FeatureBorderGlow.json create mode 100644 registry/components/FeatureCardEight.json create mode 100644 registry/components/FeatureCardMedia.json create mode 100644 registry/components/FeatureCardNine.json create mode 100644 registry/components/FeatureCardNineteen.json create mode 100644 registry/components/FeatureCardOne.json create mode 100644 registry/components/FeatureCardSeven.json create mode 100644 registry/components/FeatureCardSix.json create mode 100644 registry/components/FeatureCardSixteen.json create mode 100644 registry/components/FeatureCardTen.json create mode 100644 registry/components/FeatureCardThree.json create mode 100644 registry/components/FeatureCardTwelve.json create mode 100644 registry/components/FeatureCardTwentyEight.json create mode 100644 registry/components/FeatureCardTwentyFive.json create mode 100644 registry/components/FeatureCardTwentyFour.json create mode 100644 registry/components/FeatureCardTwentyNine.json create mode 100644 registry/components/FeatureCardTwentyOne.json create mode 100644 registry/components/FeatureCardTwentySeven.json create mode 100644 registry/components/FeatureCardTwentySix.json create mode 100644 registry/components/FeatureCardTwentyThree.json create mode 100644 registry/components/FeatureHoverPattern.json create mode 100644 registry/components/FeatureTimelineBento.json create mode 100644 registry/components/FloatingGradientBackground.json create mode 100644 registry/components/FluidBackground.json create mode 100644 registry/components/FooterBase.json create mode 100644 registry/components/FooterBaseCard.json create mode 100644 registry/components/FooterBaseReveal.json create mode 100644 registry/components/FooterCard.json create mode 100644 registry/components/FooterLogoEmphasis.json create mode 100644 registry/components/FooterLogoEmphasisReveal.json create mode 100644 registry/components/FooterLogoReveal.json create mode 100644 registry/components/FooterMedia.json create mode 100644 registry/components/FooterSimple.json create mode 100644 registry/components/GradientBarsBackground.json create mode 100644 registry/components/GridBackround.json create mode 100644 registry/components/HeroBillboard.json create mode 100644 registry/components/HeroBillboardCarousel.json create mode 100644 registry/components/HeroBillboardDashboard.json create mode 100644 registry/components/HeroBillboardGallery.json create mode 100644 registry/components/HeroBillboardRotatedCarousel.json create mode 100644 registry/components/HeroBillboardScroll.json create mode 100644 registry/components/HeroBillboardTestimonial.json create mode 100644 registry/components/HeroCarouselLogo.json create mode 100644 registry/components/HeroCentered.json create mode 100644 registry/components/HeroLogo.json create mode 100644 registry/components/HeroLogoBillboard.json create mode 100644 registry/components/HeroOverlay.json create mode 100644 registry/components/HeroOverlayTestimonial.json create mode 100644 registry/components/HeroPersonalLinks.json create mode 100644 registry/components/HeroSignup.json create mode 100644 registry/components/HeroSplit.json create mode 100644 registry/components/HeroSplitDoubleCarousel.json create mode 100644 registry/components/HeroSplitDualMedia.json create mode 100644 registry/components/HeroSplitKpi.json create mode 100644 registry/components/HeroSplitTestimonial.json create mode 100644 registry/components/InlineImageSplitTextAbout.json create mode 100644 registry/components/Input.json create mode 100644 registry/components/MediaAbout.json create mode 100644 registry/components/MetricCardEleven.json create mode 100644 registry/components/MetricCardFourteen.json create mode 100644 registry/components/MetricCardOne.json create mode 100644 registry/components/MetricCardSeven.json create mode 100644 registry/components/MetricCardThree.json create mode 100644 registry/components/MetricCardTwo.json create mode 100644 registry/components/MetricSplitMediaAbout.json create mode 100644 registry/components/NavbarLayoutFloatingInline.json create mode 100644 registry/components/NavbarLayoutFloatingOverlay.json create mode 100644 registry/components/NavbarStyleApple.json create mode 100644 registry/components/NavbarStyleCentered.json create mode 100644 registry/components/NavbarStyleFullscreen.json create mode 100644 registry/components/PlainBackground.json create mode 100644 registry/components/PricingCardEight.json create mode 100644 registry/components/PricingCardFive.json create mode 100644 registry/components/PricingCardNine.json create mode 100644 registry/components/PricingCardOne.json create mode 100644 registry/components/PricingCardThree.json create mode 100644 registry/components/PricingCardTwo.json create mode 100644 registry/components/ProductCardFour.json create mode 100644 registry/components/ProductCardOne.json create mode 100644 registry/components/ProductCardThree.json create mode 100644 registry/components/ProductCardTwo.json create mode 100644 registry/components/RadialGradientBackground.json create mode 100644 registry/components/RotatedRaysBackground.json create mode 100644 registry/components/SocialProofOne.json create mode 100644 registry/components/SplitAbout.json create mode 100644 registry/components/TeamCardEleven.json create mode 100644 registry/components/TeamCardFive.json create mode 100644 registry/components/TeamCardOne.json create mode 100644 registry/components/TeamCardSix.json create mode 100644 registry/components/TeamCardTen.json create mode 100644 registry/components/TeamCardTwo.json create mode 100644 registry/components/TestimonialAboutCard.json create mode 100644 registry/components/TestimonialCardFifteen.json create mode 100644 registry/components/TestimonialCardFive.json create mode 100644 registry/components/TestimonialCardOne.json create mode 100644 registry/components/TestimonialCardSix.json create mode 100644 registry/components/TestimonialCardSixteen.json create mode 100644 registry/components/TestimonialCardTen.json create mode 100644 registry/components/TestimonialCardThirteen.json create mode 100644 registry/components/TestimonialCardTwelve.json create mode 100644 registry/components/TestimonialCardTwo.json create mode 100644 registry/components/TextAbout.json create mode 100644 registry/components/TextAnimation.json create mode 100644 registry/components/TextBox.json create mode 100644 registry/components/TextNumberCount.json create mode 100644 registry/components/TextSplitAbout.json create mode 100644 registry/components/Textarea.json create mode 100644 registry/components/TimelineCardStack.json create mode 100644 registry/components/TimelineHorizontalCardStack.json create mode 100644 registry/components/TimelinePhoneView.json create mode 100644 registry/components/TimelineProcessFlow.json create mode 100644 registry/index.json create mode 100644 registry/intents.json create mode 100644 registry/schemas/AboutMetric.schema.json create mode 100644 registry/schemas/AnimatedAuroraBackground.schema.json create mode 100644 registry/schemas/AnimatedGridBackground.schema.json create mode 100644 registry/schemas/AuroraBackground.schema.json create mode 100644 registry/schemas/AvatarGroup.schema.json create mode 100644 registry/schemas/BentoGlobe.schema.json create mode 100644 registry/schemas/BlogCardOne.schema.json create mode 100644 registry/schemas/BlogCardThree.schema.json create mode 100644 registry/schemas/BlogCardTwo.schema.json create mode 100644 registry/schemas/BlurBottomBackground.schema.json create mode 100644 registry/schemas/ButtonBounceEffect.schema.json create mode 100644 registry/schemas/ButtonDirectionalHover.schema.json create mode 100644 registry/schemas/ButtonElasticEffect.schema.json create mode 100644 registry/schemas/ButtonExpandHover.schema.json create mode 100644 registry/schemas/ButtonHoverBubble.schema.json create mode 100644 registry/schemas/ButtonHoverMagnetic.schema.json create mode 100644 registry/schemas/ButtonIconArrow.schema.json create mode 100644 registry/schemas/ButtonShiftHover.schema.json create mode 100644 registry/schemas/ButtonTextShift.schema.json create mode 100644 registry/schemas/ButtonTextStagger.schema.json create mode 100644 registry/schemas/ButtonTextUnderline.schema.json create mode 100644 registry/schemas/CardStack.schema.json create mode 100644 registry/schemas/CircleGradientBackground.schema.json create mode 100644 registry/schemas/ContactCTA.schema.json create mode 100644 registry/schemas/ContactCenter.schema.json create mode 100644 registry/schemas/ContactForm.schema.json create mode 100644 registry/schemas/ContactSplit.schema.json create mode 100644 registry/schemas/ContactSplitForm.schema.json create mode 100644 registry/schemas/ContactText.schema.json create mode 100644 registry/schemas/DotGridBackground.schema.json create mode 100644 registry/schemas/DownwardRaysBackground.schema.json create mode 100644 registry/schemas/EmailSignupForm.schema.json create mode 100644 registry/schemas/FaqBase.schema.json create mode 100644 registry/schemas/FaqDouble.schema.json create mode 100644 registry/schemas/FaqSplitMedia.schema.json create mode 100644 registry/schemas/FaqSplitText.schema.json create mode 100644 registry/schemas/FeatureBento.schema.json create mode 100644 registry/schemas/FeatureBorderGlow.schema.json create mode 100644 registry/schemas/FeatureCardEight.schema.json create mode 100644 registry/schemas/FeatureCardMedia.schema.json create mode 100644 registry/schemas/FeatureCardNine.schema.json create mode 100644 registry/schemas/FeatureCardNineteen.schema.json create mode 100644 registry/schemas/FeatureCardOne.schema.json create mode 100644 registry/schemas/FeatureCardSeven.schema.json create mode 100644 registry/schemas/FeatureCardSix.schema.json create mode 100644 registry/schemas/FeatureCardSixteen.schema.json create mode 100644 registry/schemas/FeatureCardTen.schema.json create mode 100644 registry/schemas/FeatureCardThree.schema.json create mode 100644 registry/schemas/FeatureCardTwelve.schema.json create mode 100644 registry/schemas/FeatureCardTwentyEight.schema.json create mode 100644 registry/schemas/FeatureCardTwentyFive.schema.json create mode 100644 registry/schemas/FeatureCardTwentyFour.schema.json create mode 100644 registry/schemas/FeatureCardTwentyNine.schema.json create mode 100644 registry/schemas/FeatureCardTwentyOne.schema.json create mode 100644 registry/schemas/FeatureCardTwentySeven.schema.json create mode 100644 registry/schemas/FeatureCardTwentySix.schema.json create mode 100644 registry/schemas/FeatureCardTwentyThree.schema.json create mode 100644 registry/schemas/FeatureHoverPattern.schema.json create mode 100644 registry/schemas/FeatureTimelineBento.schema.json create mode 100644 registry/schemas/FloatingGradientBackground.schema.json create mode 100644 registry/schemas/FluidBackground.schema.json create mode 100644 registry/schemas/FooterBase.schema.json create mode 100644 registry/schemas/FooterBaseCard.schema.json create mode 100644 registry/schemas/FooterBaseReveal.schema.json create mode 100644 registry/schemas/FooterCard.schema.json create mode 100644 registry/schemas/FooterLogoEmphasis.schema.json create mode 100644 registry/schemas/FooterLogoEmphasisReveal.schema.json create mode 100644 registry/schemas/FooterLogoReveal.schema.json create mode 100644 registry/schemas/FooterMedia.schema.json create mode 100644 registry/schemas/FooterSimple.schema.json create mode 100644 registry/schemas/GradientBarsBackground.schema.json create mode 100644 registry/schemas/GridBackround.schema.json create mode 100644 registry/schemas/HeroBillboard.schema.json create mode 100644 registry/schemas/HeroBillboardCarousel.schema.json create mode 100644 registry/schemas/HeroBillboardDashboard.schema.json create mode 100644 registry/schemas/HeroBillboardGallery.schema.json create mode 100644 registry/schemas/HeroBillboardRotatedCarousel.schema.json create mode 100644 registry/schemas/HeroBillboardScroll.schema.json create mode 100644 registry/schemas/HeroBillboardTestimonial.schema.json create mode 100644 registry/schemas/HeroCarouselLogo.schema.json create mode 100644 registry/schemas/HeroCentered.schema.json create mode 100644 registry/schemas/HeroLogo.schema.json create mode 100644 registry/schemas/HeroLogoBillboard.schema.json create mode 100644 registry/schemas/HeroOverlay.schema.json create mode 100644 registry/schemas/HeroOverlayTestimonial.schema.json create mode 100644 registry/schemas/HeroPersonalLinks.schema.json create mode 100644 registry/schemas/HeroSignup.schema.json create mode 100644 registry/schemas/HeroSplit.schema.json create mode 100644 registry/schemas/HeroSplitDoubleCarousel.schema.json create mode 100644 registry/schemas/HeroSplitDualMedia.schema.json create mode 100644 registry/schemas/HeroSplitKpi.schema.json create mode 100644 registry/schemas/HeroSplitTestimonial.schema.json create mode 100644 registry/schemas/InlineImageSplitTextAbout.schema.json create mode 100644 registry/schemas/Input.schema.json create mode 100644 registry/schemas/MediaAbout.schema.json create mode 100644 registry/schemas/MetricCardEleven.schema.json create mode 100644 registry/schemas/MetricCardFourteen.schema.json create mode 100644 registry/schemas/MetricCardOne.schema.json create mode 100644 registry/schemas/MetricCardSeven.schema.json create mode 100644 registry/schemas/MetricCardThree.schema.json create mode 100644 registry/schemas/MetricCardTwo.schema.json create mode 100644 registry/schemas/MetricSplitMediaAbout.schema.json create mode 100644 registry/schemas/NavbarLayoutFloatingInline.schema.json create mode 100644 registry/schemas/NavbarLayoutFloatingOverlay.schema.json create mode 100644 registry/schemas/NavbarStyleApple.schema.json create mode 100644 registry/schemas/NavbarStyleCentered.schema.json create mode 100644 registry/schemas/NavbarStyleFullscreen.schema.json create mode 100644 registry/schemas/PlainBackground.schema.json create mode 100644 registry/schemas/PricingCardEight.schema.json create mode 100644 registry/schemas/PricingCardFive.schema.json create mode 100644 registry/schemas/PricingCardNine.schema.json create mode 100644 registry/schemas/PricingCardOne.schema.json create mode 100644 registry/schemas/PricingCardThree.schema.json create mode 100644 registry/schemas/PricingCardTwo.schema.json create mode 100644 registry/schemas/ProductCardFour.schema.json create mode 100644 registry/schemas/ProductCardOne.schema.json create mode 100644 registry/schemas/ProductCardThree.schema.json create mode 100644 registry/schemas/ProductCardTwo.schema.json create mode 100644 registry/schemas/RadialGradientBackground.schema.json create mode 100644 registry/schemas/RotatedRaysBackground.schema.json create mode 100644 registry/schemas/SocialProofOne.schema.json create mode 100644 registry/schemas/SplitAbout.schema.json create mode 100644 registry/schemas/TeamCardEleven.schema.json create mode 100644 registry/schemas/TeamCardFive.schema.json create mode 100644 registry/schemas/TeamCardOne.schema.json create mode 100644 registry/schemas/TeamCardSix.schema.json create mode 100644 registry/schemas/TeamCardTen.schema.json create mode 100644 registry/schemas/TeamCardTwo.schema.json create mode 100644 registry/schemas/TestimonialAboutCard.schema.json create mode 100644 registry/schemas/TestimonialCardFifteen.schema.json create mode 100644 registry/schemas/TestimonialCardFive.schema.json create mode 100644 registry/schemas/TestimonialCardOne.schema.json create mode 100644 registry/schemas/TestimonialCardSix.schema.json create mode 100644 registry/schemas/TestimonialCardSixteen.schema.json create mode 100644 registry/schemas/TestimonialCardTen.schema.json create mode 100644 registry/schemas/TestimonialCardThirteen.schema.json create mode 100644 registry/schemas/TestimonialCardTwelve.schema.json create mode 100644 registry/schemas/TestimonialCardTwo.schema.json create mode 100644 registry/schemas/TextAbout.schema.json create mode 100644 registry/schemas/TextAnimation.schema.json create mode 100644 registry/schemas/TextBox.schema.json create mode 100644 registry/schemas/TextNumberCount.schema.json create mode 100644 registry/schemas/TextSplitAbout.schema.json create mode 100644 registry/schemas/Textarea.schema.json create mode 100644 registry/schemas/TimelineCardStack.schema.json create mode 100644 registry/schemas/TimelineHorizontalCardStack.schema.json create mode 100644 registry/schemas/TimelinePhoneView.schema.json create mode 100644 registry/schemas/TimelineProcessFlow.schema.json create mode 100644 src/app/about/page.tsx create mode 100644 src/app/classes/page.tsx create mode 100644 src/app/error.tsx create mode 100644 src/app/favicon.ico create mode 100644 src/app/global-error.tsx create mode 100644 src/app/globals.css create mode 100644 src/app/layout.tsx create mode 100644 src/app/page.tsx create mode 100644 src/app/styles/base.css create mode 100644 src/app/styles/theme.css create mode 100644 src/app/styles/utilities.css create mode 100644 src/app/styles/variables.css create mode 100644 src/app/vendors/page.tsx create mode 100644 src/app/visit/page.tsx create mode 100644 src/components/Accordion.tsx create mode 100644 src/components/ServiceWrapper.tsx create mode 100644 src/components/Textbox.tsx create mode 100644 src/components/background/AnimatedAuroraBackground.tsx create mode 100644 src/components/background/AnimatedGridBackground.tsx create mode 100644 src/components/background/AuroraBackground.tsx create mode 100644 src/components/background/BlurBottomBackground.tsx create mode 100644 src/components/background/CanvasRevealBackground.tsx create mode 100644 src/components/background/CanvasRevealEffect.tsx create mode 100644 src/components/background/CardPattern.tsx create mode 100644 src/components/background/CellWaveBackground.tsx create mode 100644 src/components/background/CircleGradientBackground.tsx create mode 100644 src/components/background/DotGridBackground.tsx create mode 100644 src/components/background/DownwardRaysBackground.tsx create mode 100644 src/components/background/FluidBackground.tsx create mode 100644 src/components/background/GlowingEffect.tsx create mode 100644 src/components/background/GlowingOrbBackground.tsx create mode 100644 src/components/background/GlowingOrbSparklesBackground.tsx create mode 100644 src/components/background/GradientBarsBackground.tsx create mode 100644 src/components/background/GridBackround.tsx create mode 100644 src/components/background/HeroBackgrounds.tsx create mode 100644 src/components/background/NoiseBackground.tsx create mode 100644 src/components/background/NoiseDiagonalGradientBackground.tsx create mode 100644 src/components/background/NoiseGradientBackground.tsx create mode 100644 src/components/background/PlainBackground.tsx create mode 100644 src/components/background/RadialGradientBackground.tsx create mode 100644 src/components/background/RotatedRaysBackground.tsx create mode 100644 src/components/background/RotatingGradientBackground.tsx create mode 100644 src/components/background/Sparkles.tsx create mode 100644 src/components/background/SparklesGradientBackground.tsx create mode 100644 src/components/background/floatingGradientBackground/FloatingGradientBackground.css create mode 100644 src/components/background/floatingGradientBackground/FloatingGradientBackground.tsx create mode 100644 src/components/bento/Bento3DCardGrid.tsx create mode 100644 src/components/bento/Bento3DStackCards.tsx create mode 100644 src/components/bento/Bento3DTaskList.tsx create mode 100644 src/components/bento/BentoAnimatedBarChart.tsx create mode 100644 src/components/bento/BentoChatAnimation.tsx create mode 100644 src/components/bento/BentoGlobe.tsx create mode 100644 src/components/bento/BentoIconInfoCards.tsx create mode 100644 src/components/bento/BentoLineChart/BentoLineChart.tsx create mode 100644 src/components/bento/BentoLineChart/CustomTooltip.tsx create mode 100644 src/components/bento/BentoLineChart/utils.ts create mode 100644 src/components/bento/BentoMap.tsx create mode 100644 src/components/bento/BentoMarquee.tsx create mode 100644 src/components/bento/BentoMediaStack.tsx create mode 100644 src/components/bento/BentoOrbitingIcons.tsx create mode 100644 src/components/bento/BentoPhoneAnimation.tsx create mode 100644 src/components/bento/BentoRevealIcon.tsx create mode 100644 src/components/bento/BentoTimeline.tsx create mode 100644 src/components/button/Button.tsx create mode 100644 src/components/button/ButtonBounceEffect/BounceButton.css create mode 100644 src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx create mode 100644 src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx create mode 100644 src/components/button/ButtonDirectionalHover/DirectionalButton.css create mode 100644 src/components/button/ButtonDirectionalHover/useDirectionalHover.ts create mode 100644 src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx create mode 100644 src/components/button/ButtonElasticEffect/useElasticEffect.ts create mode 100644 src/components/button/ButtonExpandHover.tsx create mode 100644 src/components/button/ButtonHoverBubble.tsx create mode 100644 src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx create mode 100644 src/components/button/ButtonHoverMagnetic/useMagneticEffect.ts create mode 100644 src/components/button/ButtonIconArrow.tsx create mode 100644 src/components/button/ButtonShiftHover/ButtonShiftHover.tsx create mode 100644 src/components/button/ButtonShiftHover/ShiftButton.css create mode 100644 src/components/button/ButtonSlideBackground.tsx create mode 100644 src/components/button/ButtonTextShift/ButtonTextShift.tsx create mode 100644 src/components/button/ButtonTextShift/TextShiftButton.css create mode 100644 src/components/button/ButtonTextStagger/ButtonTextStagger.tsx create mode 100644 src/components/button/ButtonTextStagger/StaggerButton.css create mode 100644 src/components/button/ButtonTextUnderline.tsx create mode 100644 src/components/button/SelectorButton.tsx create mode 100644 src/components/button/types.ts create mode 100644 src/components/button/useButtonClick.ts create mode 100644 src/components/button/useCharAnimation.ts create mode 100644 src/components/cardStack/CardList.tsx create mode 100644 src/components/cardStack/CardStack.tsx create mode 100644 src/components/cardStack/CardStackTextBox.tsx create mode 100644 src/components/cardStack/hooks/useCardAnimation.ts create mode 100644 src/components/cardStack/hooks/useDepth3DAnimation.ts create mode 100644 src/components/cardStack/hooks/usePhoneAnimations.ts create mode 100644 src/components/cardStack/hooks/usePrevNextButtons.ts create mode 100644 src/components/cardStack/hooks/useScrollProgress.ts create mode 100644 src/components/cardStack/hooks/useTimelineHorizontal.ts create mode 100644 src/components/cardStack/layouts/carousels/AngledCarousel.tsx create mode 100644 src/components/cardStack/layouts/carousels/ArrowCarousel.tsx create mode 100644 src/components/cardStack/layouts/carousels/AutoCarousel.tsx create mode 100644 src/components/cardStack/layouts/carousels/ButtonCarousel.tsx create mode 100644 src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx create mode 100644 src/components/cardStack/layouts/grid/GridLayout.tsx create mode 100644 src/components/cardStack/layouts/grid/gridConfigs.ts create mode 100644 src/components/cardStack/layouts/timelines/TimelineCardStack.tsx create mode 100644 src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx create mode 100644 src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx create mode 100644 src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx create mode 100644 src/components/cardStack/types.ts create mode 100644 src/components/ecommerce/cart/ProductCart.tsx create mode 100644 src/components/ecommerce/cart/ProductCartItem.tsx create mode 100644 src/components/ecommerce/productCatalog/ProductCatalog.tsx create mode 100644 src/components/ecommerce/productCatalog/ProductCatalogItem.tsx create mode 100644 src/components/ecommerce/productDetail/ProductDetailCard.tsx create mode 100644 src/components/ecommerce/productDetail/ProductDetailGallery.tsx create mode 100644 src/components/ecommerce/productDetail/ProductDetailVariantSelect.tsx create mode 100644 src/components/form/ContactForm.tsx create mode 100644 src/components/form/EmailSignupForm.tsx create mode 100644 src/components/form/Input.tsx create mode 100644 src/components/form/MultiSelect.tsx create mode 100644 src/components/form/Textarea.tsx create mode 100644 src/components/form/WaitlistForm.tsx create mode 100644 src/components/hooks/useButtonAnimation.ts create mode 100644 src/components/legal/LegalSection.tsx create mode 100644 src/components/navbar/HamburgerButton.tsx create mode 100644 src/components/navbar/Logo.tsx create mode 100644 src/components/navbar/NavbarLayoutFloatingInline.tsx create mode 100644 src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx create mode 100644 src/components/navbar/NavbarLayoutFloatingOverlay/useMenuAnimation.ts create mode 100644 src/components/navbar/NavbarLayoutFloatingOverlay/useResponsive.ts create mode 100644 src/components/navbar/NavbarLayoutFloatingOverlay/useScrollDetection.ts create mode 100644 src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx create mode 100644 src/components/navbar/NavbarStyleApple/useScrollState.ts create mode 100644 src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.css create mode 100644 src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx create mode 100644 src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.css create mode 100644 src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx create mode 100644 src/components/navbar/expandingMenu/ExpandingMenu.tsx create mode 100644 src/components/navbar/expandingMenu/useResponsiveMenuWidth.ts create mode 100644 src/components/navbar/mobileMenu/MobileMenu.tsx create mode 100644 src/components/navbar/mobileMenu/useMenuAnimation.ts create mode 100644 src/components/sections/AnimationContainer.tsx create mode 100644 src/components/sections/about/AboutMetric.tsx create mode 100644 src/components/sections/about/InlineImageSplitTextAbout.tsx create mode 100644 src/components/sections/about/MediaAbout.tsx create mode 100644 src/components/sections/about/MetricSplitMediaAbout.tsx create mode 100644 src/components/sections/about/SplitAbout.tsx create mode 100644 src/components/sections/about/TestimonialAboutCard.tsx create mode 100644 src/components/sections/about/TextAbout.tsx create mode 100644 src/components/sections/about/TextSplitAbout.tsx create mode 100644 src/components/sections/about/index.ts create mode 100644 src/components/sections/blog/BlogCardOne.tsx create mode 100644 src/components/sections/blog/BlogCardThree.tsx create mode 100644 src/components/sections/blog/BlogCardTwo.tsx create mode 100644 src/components/sections/blog/index.ts create mode 100644 src/components/sections/contact/ContactCTA.tsx create mode 100644 src/components/sections/contact/ContactCenter.tsx create mode 100644 src/components/sections/contact/ContactSplit.tsx create mode 100644 src/components/sections/contact/ContactSplitForm.tsx create mode 100644 src/components/sections/contact/ContactText.tsx create mode 100644 src/components/sections/contact/index.ts create mode 100644 src/components/sections/faq/FaqBase.tsx create mode 100644 src/components/sections/faq/FaqDouble.tsx create mode 100644 src/components/sections/faq/FaqSplitMedia.tsx create mode 100644 src/components/sections/faq/FaqSplitText.tsx create mode 100644 src/components/sections/faq/index.ts create mode 100644 src/components/sections/feature/FeatureBento.tsx create mode 100644 src/components/sections/feature/FeatureCardEight.tsx create mode 100644 src/components/sections/feature/FeatureCardMedia.tsx create mode 100644 src/components/sections/feature/FeatureCardNine.tsx create mode 100644 src/components/sections/feature/FeatureCardNineteen.tsx create mode 100644 src/components/sections/feature/FeatureCardOne.tsx create mode 100644 src/components/sections/feature/FeatureCardSeven.tsx create mode 100644 src/components/sections/feature/FeatureCardSix.tsx create mode 100644 src/components/sections/feature/FeatureCardSixteen.tsx create mode 100644 src/components/sections/feature/FeatureCardTen.tsx create mode 100644 src/components/sections/feature/FeatureCardTwelve.tsx create mode 100644 src/components/sections/feature/FeatureCardTwentyEight.tsx create mode 100644 src/components/sections/feature/FeatureCardTwentyFive.tsx create mode 100644 src/components/sections/feature/FeatureCardTwentyFour.tsx create mode 100644 src/components/sections/feature/FeatureCardTwentyOne.tsx create mode 100644 src/components/sections/feature/FeatureCardTwentySeven.tsx create mode 100644 src/components/sections/feature/FeatureCardTwentySix.tsx create mode 100644 src/components/sections/feature/FeatureCardTwentyThree.tsx create mode 100644 src/components/sections/feature/FeatureTimelineBento.tsx create mode 100644 src/components/sections/feature/featureBorderGlow/FeatureBorderGlow.tsx create mode 100644 src/components/sections/feature/featureBorderGlow/FeatureBorderGlowItem.tsx create mode 100644 src/components/sections/feature/featureBorderGlow/constants.ts create mode 100644 src/components/sections/feature/featureCardThree/FeatureCardThree.css create mode 100644 src/components/sections/feature/featureCardThree/FeatureCardThree.tsx create mode 100644 src/components/sections/feature/featureCardThree/FeatureCardThreeItem.tsx create mode 100644 src/components/sections/feature/featureCardThree/useDynamicDimensions.ts create mode 100644 src/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine.css create mode 100644 src/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine.tsx create mode 100644 src/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNineItem.tsx create mode 100644 src/components/sections/feature/featureCardTwentyNine/useDynamicDimensions.ts create mode 100644 src/components/sections/feature/featureHoverPattern/FeatureHoverPattern.tsx create mode 100644 src/components/sections/feature/featureHoverPattern/FeatureHoverPatternItem.tsx create mode 100644 src/components/sections/feature/featureHoverPattern/constants.ts create mode 100644 src/components/sections/feature/featureHoverPattern/usePatternInteraction.ts create mode 100644 src/components/sections/feature/index.ts create mode 100644 src/components/sections/footer/FooterBase.tsx create mode 100644 src/components/sections/footer/FooterBaseCard.tsx create mode 100644 src/components/sections/footer/FooterBaseReveal.tsx create mode 100644 src/components/sections/footer/FooterCard.tsx create mode 100644 src/components/sections/footer/FooterLogoEmphasis.tsx create mode 100644 src/components/sections/footer/FooterLogoEmphasisReveal.tsx create mode 100644 src/components/sections/footer/FooterLogoReveal.tsx create mode 100644 src/components/sections/footer/FooterMedia.tsx create mode 100644 src/components/sections/footer/FooterSimple.tsx create mode 100644 src/components/sections/footer/index.ts create mode 100644 src/components/sections/hero/HeroBillboard.tsx create mode 100644 src/components/sections/hero/HeroBillboardCarousel.tsx create mode 100644 src/components/sections/hero/HeroBillboardDashboard.tsx create mode 100644 src/components/sections/hero/HeroBillboardGallery.tsx create mode 100644 src/components/sections/hero/HeroBillboardRotatedCarousel.tsx create mode 100644 src/components/sections/hero/HeroBillboardScroll.tsx create mode 100644 src/components/sections/hero/HeroBillboardTestimonial.tsx create mode 100644 src/components/sections/hero/HeroCentered.tsx create mode 100644 src/components/sections/hero/HeroLogo.tsx create mode 100644 src/components/sections/hero/HeroLogoBillboard.tsx create mode 100644 src/components/sections/hero/HeroOverlay.tsx create mode 100644 src/components/sections/hero/HeroOverlayTestimonial.tsx create mode 100644 src/components/sections/hero/HeroPersonalLinks.tsx create mode 100644 src/components/sections/hero/HeroSignup.tsx create mode 100644 src/components/sections/hero/HeroSplit.tsx create mode 100644 src/components/sections/hero/HeroSplitDoubleCarousel.tsx create mode 100644 src/components/sections/hero/HeroSplitDualMedia.tsx create mode 100644 src/components/sections/hero/HeroSplitKpi.tsx create mode 100644 src/components/sections/hero/HeroSplitTestimonial.tsx create mode 100644 src/components/sections/hero/heroCarouselLogo/HeroCarouselLogo.tsx create mode 100644 src/components/sections/hero/heroCarouselLogo/useCarouselFullscreen.ts create mode 100644 src/components/sections/hero/index.ts create mode 100644 src/components/sections/metrics/MetricCardEleven.tsx create mode 100644 src/components/sections/metrics/MetricCardFourteen.tsx create mode 100644 src/components/sections/metrics/MetricCardOne.tsx create mode 100644 src/components/sections/metrics/MetricCardSeven.tsx create mode 100644 src/components/sections/metrics/MetricCardThree.tsx create mode 100644 src/components/sections/metrics/MetricCardTwo.tsx create mode 100644 src/components/sections/metrics/index.ts create mode 100644 src/components/sections/pricing/PricingCardEight.tsx create mode 100644 src/components/sections/pricing/PricingCardFive.tsx create mode 100644 src/components/sections/pricing/PricingCardNine.tsx create mode 100644 src/components/sections/pricing/PricingCardOne.tsx create mode 100644 src/components/sections/pricing/PricingCardThree.tsx create mode 100644 src/components/sections/pricing/PricingCardTwo.tsx create mode 100644 src/components/sections/pricing/index.ts create mode 100644 src/components/sections/product/ProductCardFour.tsx create mode 100644 src/components/sections/product/ProductCardOne.tsx create mode 100644 src/components/sections/product/ProductCardThree.tsx create mode 100644 src/components/sections/product/ProductCardTwo.tsx create mode 100644 src/components/sections/product/index.ts create mode 100644 src/components/sections/socialProof/SocialProofOne.tsx create mode 100644 src/components/sections/socialProof/index.ts create mode 100644 src/components/sections/team/TeamCardEleven.tsx create mode 100644 src/components/sections/team/TeamCardFive.tsx create mode 100644 src/components/sections/team/TeamCardOne.tsx create mode 100644 src/components/sections/team/TeamCardSix.tsx create mode 100644 src/components/sections/team/TeamCardTen.tsx create mode 100644 src/components/sections/team/TeamCardTwo.tsx create mode 100644 src/components/sections/team/index.ts create mode 100644 src/components/sections/testimonial/TestimonialCardFifteen.tsx create mode 100644 src/components/sections/testimonial/TestimonialCardFive.tsx create mode 100644 src/components/sections/testimonial/TestimonialCardOne.tsx create mode 100644 src/components/sections/testimonial/TestimonialCardSix.tsx create mode 100644 src/components/sections/testimonial/TestimonialCardSixteen.tsx create mode 100644 src/components/sections/testimonial/TestimonialCardTen.tsx create mode 100644 src/components/sections/testimonial/TestimonialCardThirteen.tsx create mode 100644 src/components/sections/testimonial/TestimonialCardTwelve.tsx create mode 100644 src/components/sections/testimonial/TestimonialCardTwo.tsx create mode 100644 src/components/sections/testimonial/index.ts create mode 100644 src/components/shared/AvatarGroup.tsx create mode 100644 src/components/shared/Badge.tsx create mode 100644 src/components/shared/Dashboard.tsx create mode 100644 src/components/shared/FavoriteButton.tsx create mode 100644 src/components/shared/FillWidthText/FillWidthText.tsx create mode 100644 src/components/shared/FillWidthText/useFillWidthText.ts create mode 100644 src/components/shared/FooterColumns.tsx create mode 100644 src/components/shared/LogoMarquee.tsx create mode 100644 src/components/shared/MediaBadge.tsx create mode 100644 src/components/shared/MediaContent.tsx create mode 100644 src/components/shared/OverlayArrowButton.tsx create mode 100644 src/components/shared/PricingBadge.tsx create mode 100644 src/components/shared/PricingFeatureList.tsx create mode 100644 src/components/shared/ProductImage.tsx create mode 100644 src/components/shared/QuantityButton.tsx create mode 100644 src/components/shared/SocialLinks.tsx create mode 100644 src/components/shared/SvgTextLogo/SvgTextLogo.tsx create mode 100644 src/components/shared/SvgTextLogo/useSvgTextLogo.ts create mode 100644 src/components/shared/Tag.tsx create mode 100644 src/components/shared/TestimonialAuthor.tsx create mode 100644 src/components/text/TextAnimation.tsx create mode 100644 src/components/text/TextNumberCount.tsx create mode 100644 src/components/text/types.ts create mode 100644 src/hooks/useBlogPosts.ts create mode 100644 src/hooks/useCart.ts create mode 100644 src/hooks/useCheckout.ts create mode 100644 src/hooks/useClickOutside.ts create mode 100644 src/hooks/useProduct.ts create mode 100644 src/hooks/useProductCatalog.ts create mode 100644 src/hooks/useProductDetail.ts create mode 100644 src/hooks/useProducts.ts create mode 100644 src/lib/api/blog.ts create mode 100644 src/lib/api/product.ts create mode 100644 src/lib/buttonUtils.ts create mode 100644 src/lib/gsap-setup.ts create mode 100644 src/lib/utils.ts create mode 100644 src/providers/themeProvider/ThemeProvider.tsx create mode 100644 src/providers/themeProvider/config/background.ts create mode 100644 src/providers/themeProvider/config/baseVw.ts create mode 100644 src/providers/themeProvider/config/borderRadius.ts create mode 100644 src/providers/themeProvider/config/constants.ts create mode 100644 src/providers/themeProvider/config/contentWidth.ts create mode 100644 src/providers/themeProvider/config/shared.ts create mode 100644 src/providers/themeProvider/config/textSizing.ts create mode 100644 src/providers/themeProvider/config/types.ts create mode 100644 src/providers/themeProvider/styles/cardStyles.ts create mode 100644 src/providers/themeProvider/styles/primaryButtonStyles.ts create mode 100644 src/providers/themeProvider/styles/secondaryButtonStyles.ts create mode 100644 src/providers/themeProvider/utils/detectLightBackground.ts create mode 100644 src/tag/Tag.tsx create mode 100644 src/tag/useTagEffects.ts create mode 100644 src/types/button.ts create mode 100644 src/types/navigation.ts create mode 100644 src/utils/debounce.ts create mode 100644 src/utils/sendContactEmail.ts create mode 100644 src/utils/throttle.ts create mode 100644 src/utils/visual-edit-script.ts create mode 100644 tsconfig.json create mode 100644 tsconfig.tsbuildinfo create mode 100644 vercel.json diff --git a/.env b/.env new file mode 100644 index 0000000..94ff0e2 --- /dev/null +++ b/.env @@ -0,0 +1,4 @@ + + NEXT_PUBLIC_API_URL=https://api.webild.io + NEXT_PUBLIC_PROJECT_ID=c3f077af-38fd-4931-8f39-9eea7294071d + \ No newline at end of file diff --git a/.gitea/workflows/build.yml b/.gitea/workflows/build.yml new file mode 100644 index 0000000..9aa1e08 --- /dev/null +++ b/.gitea/workflows/build.yml @@ -0,0 +1,37 @@ +name: Code Check + +on: + workflow_dispatch: + +jobs: + check: + runs-on: ubuntu-latest + + steps: + - name: Checkout + run: git clone --depth 1 --branch ${{ gitea.ref_name }} ${{ gitea.server_url }}/${{ gitea.repository }}.git . || exit 1 + + - name: Install dependencies + run: | + if [ -d "/var/node_modules_cache/node_modules" ]; then + ln -s /var/node_modules_cache/node_modules ./node_modules + else + npm ci --prefer-offline --no-audit + fi + timeout-minutes: 5 + + - name: TypeScript check + run: npm run typecheck 2>&1 | tee build.log + timeout-minutes: 3 + + - name: ESLint check + run: npm run lint 2>&1 | tee -a build.log + timeout-minutes: 3 + + - name: Upload build log on failure + if: failure() + uses: actions/upload-artifact@v3 + with: + name: build-log + path: build.log + retention-days: 1 diff --git a/README.md b/README.md new file mode 100644 index 0000000..e215bc4 --- /dev/null +++ b/README.md @@ -0,0 +1,36 @@ +This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +# or +pnpm dev +# or +bun dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. + +This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. diff --git a/THEME_PROVIDER_OPTIONS.txt b/THEME_PROVIDER_OPTIONS.txt new file mode 100644 index 0000000..92415cc --- /dev/null +++ b/THEME_PROVIDER_OPTIONS.txt @@ -0,0 +1,117 @@ +================================================================================ + THEME PROVIDER OPTIONS +================================================================================ + +PROPS (All Required except showBlurBottom) +------------------------------------------- + +1. defaultButtonVariant + • "hover-magnetic" + • "hover-bubble" + • "expand-hover" + • "elastic-effect" + • "bounce-effect" + • "icon-arrow" + • "shift-hover" + • "text-stagger" + • "text-shift" + • "directional-hover" + +2. defaultTextAnimation + • "entrance-slide" + • "reveal-blur" + • "background-highlight" + +3. borderRadius + • "rounded" + • "soft" + • "pill" + +4. contentWidth + • "small" + • "smallMedium" + • "compact" + • "mediumSmall" + • "medium" + • "mediumLarge" + +5. sizing + • "medium" + • "mediumLarge" + • "largeSmall" + • "large" + • "mediumSizeLargeTitles" + • "mediumLargeSizeLargeTitles" + • "largeSmallSizeLargeTitles" + • "largeSizeMediumTitles" + • "mediumLargeSizeMediumTitles" + • "largeSmallSizeMediumTitles" + +6. background + • "none" + • "circleGradient" + • "aurora" + • "floatingGradient" + • "noise" + • "noiseDiagonalGradient" + • "fluid" + • "blurBottom" + • "grid" + +7. cardStyle + • "solid" + • "outline" + • "gradient-mesh" + • "gradient-radial" + • "inset" + • "glass-elevated" + • "glass-depth" + • "gradient-bordered" + • "layered-gradient" + • "soft-shadow" + • "subtle-shadow" + +8. primaryButtonStyle + • "gradient" + • "shadow" + • "flat" + • "radial-glow" + • "diagonal-gradient" + • "double-inset" + • "primary-glow" + +9. secondaryButtonStyle + • "glass" + • "solid" + • "layered" + • "radial-glow" + +10. headingFontWeight + • "light" + • "normal" + • "medium" + • "semibold" + • "bold" + • "extrabold" + +================================================================================ + +EXAMPLE USAGE: + + + {children} + + +================================================================================ diff --git a/colorThemes.css b/colorThemes.css new file mode 100644 index 0000000..43d4f5a --- /dev/null +++ b/colorThemes.css @@ -0,0 +1,804 @@ +/* ============================================ */ +/* LIGHT THEME VARIANTS */ +/* ============================================ */ + +/* Light Theme - Minimal Dark Blue */ +:root[data-theme="minimal-dark-blue"] { + --background: #ffffff; + --card: #f9f9f9; + --foreground: #000612e6; + --primary-cta: #15479c; + --primary-cta-text: #ffffff; + --secondary-cta: #f9f9f9; + --secondary-cta-text: #000612e6; + --accent: #e2e2e2; + --background-accent: #c4c4c4; +} + +/* Light Theme - Minimal Dark Green */ +:root[data-theme="minimal-dark-green"] { + --background: #ffffff; + --card: #f9f9f9; + --foreground: #000f06e6; + --primary-cta: #0a7039; + --primary-cta-text: #ffffff; + --secondary-cta: #f9f9f9; + --secondary-cta-text: #000f06e6; + --accent: #e2e2e2; + --background-accent: #c4c4c4; +} + +/* Light Theme - Minimal Light Red */ +:root[data-theme="minimal-light-red"] { + --background: #ffffff; + --card: #f9f9f9; + --foreground: #120006e6; + --primary-cta: #e63946; + --primary-cta-text: #ffffff; + --secondary-cta: #f9f9f9; + --secondary-cta-text: #120006e6; + --accent: #e2e2e2; + --background-accent: #c4c4c4; +} + +/* Light Theme - Minimal Bright Blue */ +:root[data-theme="minimal-bright-blue"] { + --background: #ffffff; + --card: #f9f9f9; + --foreground: #000612e6; + --primary-cta: #106EFB; + --primary-cta-text: #ffffff; + --secondary-cta: #f9f9f9; + --secondary-cta-text: #000612e6; + --accent: #e2e2e2; + --background-accent: #106EFB; +} + +/* Light Theme - Minimal Bright Orange */ +:root[data-theme="minimal-bright-orange"] { + --background: #ffffff; + --card: #f9f9f9; + --foreground: #120a00e6; + --primary-cta: #E34400; + --primary-cta-text: #ffffff; + --secondary-cta: #f9f9f9; + --secondary-cta-text: #120a00e6; + --accent: #e2e2e2; + --background-accent: #E34400; +} + +/* Light Theme - Minimal Golden Orange */ +:root[data-theme="minimal-golden-orange"] { + --background: #ffffff; + --card: #f9f9f9; + --foreground: #120a00e6; + --primary-cta: #FF7B05; + --primary-cta-text: #ffffff; + --secondary-cta: #f9f9f9; + --secondary-cta-text: #120a00e6; + --accent: #e2e2e2; + --background-accent: #FF7B05; +} + +/* Light Theme - Minimal Light Orange */ +:root[data-theme="minimal-light-orange"] { + --background: #ffffff; + --card: #f9f9f9; + --foreground: #120a00e6; + --primary-cta: #ff8c42; + --primary-cta-text: #ffffff; + --secondary-cta: #f9f9f9; + --secondary-cta-text: #120a00e6; + --accent: #e2e2e2; + --background-accent: #c4c4c4; +} + +/* Light Theme - Dark Blue */ +:root[data-theme="dark-blue"] { + --background: #f5faff; + --card: #f1f8ff; + --foreground: #001122; + --primary-cta: #15479c; + --primary-cta-text: #f5faff; + --secondary-cta: #ffffff; + --secondary-cta-text: #001122; + --accent: #a8cce8; + --background-accent: #7ba3cf; +} + +/* Light Theme - Dark Green */ +:root[data-theme="dark-green"] { + --background: #fafffb; + --card: #f7fffa; + --foreground: #001a0a; + --primary-cta: #0a7039; + --primary-cta-text: #fafffb; + --secondary-cta: #ffffff; + --secondary-cta-text: #001a0a; + --accent: #a8d9be; + --background-accent: #6bbf8e; +} + +/* Light Theme - Light Red */ +:root[data-theme="light-red"] { + --background: #fffafa; + --card: #fff7f7; + --foreground: #1a0000; + --primary-cta: #e63946; + --primary-cta-text: #fffafa; + --secondary-cta: #ffffff; + --secondary-cta-text: #1a0000; + --accent: #f5c4c7; + --background-accent: #f09199; +} + +/* Light Theme - Light Purple */ +:root[data-theme="light-purple"] { + --background: #fbfaff; + --card: #f7f5ff; + --foreground: #0f0022; + --primary-cta: #8b5cf6; + --primary-cta-text: #fbfaff; + --secondary-cta: #ffffff; + --secondary-cta-text: #0f0022; + --accent: #d8cef5; + --background-accent: #c4a8f9; +} + +/* Light Theme - Warm Cream */ +:root[data-theme="warm-cream"] { + --background: #f6f0e9; + --card: #efe7dd; + --foreground: #2b180a; + --primary-cta: #2b180a; + --primary-cta-text: #f6f0e9; + --secondary-cta: #efe7dd; + --secondary-cta-text: #2b180a; + --accent: #94877c; + --background-accent: #afa094; +} + +/* Light Theme - Gray Blue Accent */ +:root[data-theme="gray-blue-accent"] { + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #1c1c1c; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #15479c; + --background-accent: #a8cce8; +} + +/* Light Theme - Gray Green Accent */ +:root[data-theme="gray-green-accent"] { + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #1c1c1c; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #159c49; + --background-accent: #a8e8ba; +} + +/* Light Theme - Gray Red Accent */ +:root[data-theme="gray-red-accent"] { + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #1c1c1c; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #e63946; + --background-accent: #e8bea8; +} + +/* Light Theme - Gray Purple Accent */ +:root[data-theme="gray-purple-accent"] { + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #1c1c1c; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #6139e6; + --background-accent: #b3a8e8; +} + +/* Light Theme - Warm Beige */ +:root[data-theme="warm-beige"] { + --background: #efebe5; + --card: #f7f2ea; + --foreground: #000000; + --primary-cta: #000000; + --primary-cta-text: #efebe5; + --secondary-cta: #ffffff; + --secondary-cta-text: #000000; + --accent: #ffffff; + --background-accent: #e1b875; +} + +/* Light Theme - Gray Teal Green */ +:root[data-theme="gray-teal-green"] { + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #1f514c; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #159c49; + --background-accent: #a8e8ba; +} + +/* Light Theme - Gray Navy Blue */ +:root[data-theme="gray-navy-blue"] { + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #1f3251; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #15479c; + --background-accent: #a8cce8; +} + +/* Light Theme - Gray Burgundy Red */ +:root[data-theme="gray-burgundy-red"] { + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #511f1f; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #e63946; + --background-accent: #e8bea8; +} + +/* Light Theme - Gray Indigo Purple */ +:root[data-theme="gray-indigo-purple"] { + --background: #f5f5f5; + --card: #ffffff; + --foreground: #1c1c1c; + --primary-cta: #341f51; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #6139e6; + --background-accent: #b3a8e8; +} + +/* Light Theme - Warm Gray Pink */ +:root[data-theme="warmgray-pink"] { + --background: #f7f6f7; + --card: #ffffff; + --foreground: #1b0c25; + --primary-cta: #1b0c25; + --primary-cta-text: #f7f6f7; + --secondary-cta: #ffffff; + --secondary-cta-text: #1b0c25; + --accent: #ff93e4; + --background-accent: #e8a8c3; +} + +/* Light Theme - Warm Gray Orange */ +:root[data-theme="warmgray-orange"] { + --background: #f7f6f7; + --card: #ffffff; + --foreground: #25190c; + --primary-cta: #ff6207; + --primary-cta-text: #f7f6f7; + --secondary-cta: #ffffff; + --secondary-cta-text: #25190c; + --accent: #ffce93; + --background-accent: #e8cfa8; +} + +/* Light Theme - Warm Gray Blue */ +:root[data-theme="warmgray-blue"] { + --background: #f7f6f7; + --card: #ffffff; + --foreground: #0c1325; + --primary-cta: #0798ff; + --primary-cta-text: #f7f6f7; + --secondary-cta: #ffffff; + --secondary-cta-text: #0c1325; + --accent: #93c7ff; + --background-accent: #a8cde8; +} + +/* Light Theme - Warm Gray Indigo */ +:root[data-theme="warmgray-indigo"] { + --background: #f7f6f7; + --card: #ffffff; + --foreground: #0c1325; + --primary-cta: #0b07ff; + --primary-cta-text: #f7f6f7; + --secondary-cta: #ffffff; + --secondary-cta-text: #0c1325; + --accent: #93b7ff; + --background-accent: #a8bae8; +} + +/* Light Theme - Lavender Peach */ +:root[data-theme="lavender-peach"] { + --background: #e3deea; + --card: #ffffff; + --foreground: #27231f; + --primary-cta: #27231f; + --primary-cta-text: #e3deea; + --secondary-cta: #ffffff; + --secondary-cta-text: #27231f; + --accent: #c68a62; + --background-accent: #c68a62; +} + +/* Light Theme - Lavender Blue */ +:root[data-theme="lavender-blue"] { + --background: #e3deea; + --card: #ffffff; + --foreground: #1f2027; + --primary-cta: #1f2027; + --primary-cta-text: #e3deea; + --secondary-cta: #ffffff; + --secondary-cta-text: #1f2027; + --accent: #627dc6; + --background-accent: #627dc6; +} + +/* Light Theme - Warm Stone */ +:root[data-theme="warm-stone"] { + --background: #f5f4ef; + --card: #dad6cd; + --foreground: #2a2928; + --primary-cta: #2a2928; + --primary-cta-text: #f5f4ef; + --secondary-cta: #ecebea; + --secondary-cta-text: #2a2928; + --accent: #ffffff; + --background-accent: #c6b180; +} + +/* Light Theme - Warm Stone Gray */ +:root[data-theme="warm-stone-gray"] { + --background: #f5f4f0; + --card: #ffffff; + --foreground: #1a1a1a; + --primary-cta: #2c2c2c; + --primary-cta-text: #f5f4f0; + --secondary-cta: #f5f4f0; + --secondary-cta-text: #1a1a1a; + --accent: #8a8a8a; + --background-accent: #e8e6e1; +} + +/* Light Theme - Warm Green */ +:root[data-theme="warm-green"] { + --background: #fffefe; + --card: #f6f7f4; + --foreground: #080908; + --primary-cta: #0e3a29; + --primary-cta-text: #fffefe; + --secondary-cta: #e7eecd; + --secondary-cta-text: #080908; + --accent: #35c18b; + --background-accent: #ecebe4; +} + +/* Light Theme - Warm Sand */ +:root[data-theme="warm-sand"] { + --background: #fcf6ec; + --card: #f3ede2; + --foreground: #2e2521; + --primary-cta: #2e2521; + --primary-cta-text: #fcf6ec; + --secondary-cta: #ffffff; + --secondary-cta-text: #2e2521; + --accent: #b2a28b; + --background-accent: #b2a28b; +} + +/* Light Theme - Warm Gray Red */ +:root[data-theme="warmgray-red"] { + --background: #f7f6f7; + --card: #ffffff; + --foreground: #250c0d; + --primary-cta: #b82b40; + --primary-cta-text: #f7f6f7; + --secondary-cta: #ffffff; + --secondary-cta-text: #250c0d; + --accent: #b90941; + --background-accent: #e8a8b6; +} + + +/* ============================================ */ +/* DARK THEME VARIANTS */ +/* ============================================ */ + +/* Dark Theme - Minimal */ +:root[data-theme="dark"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffffe6; + --primary-cta: #e6e6e6; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #ffffffe6; + --accent: #737373; + --background-accent: #737373; +} + +/* Dark Theme - Minimal Light Blue */ +:root[data-theme="dark-minimal-light-blue"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #f0f8ffe6; + --primary-cta: #cee7ff; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #f0f8ffe6; + --accent: #737373; + --background-accent: #737373; +} + +/* Dark Theme - Minimal Light Green */ +:root[data-theme="dark-minimal-light-green"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #f5fffae6; + --primary-cta: #80da9b; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #f5fffae6; + --accent: #737373; + --background-accent: #737373; +} + +/* Dark Theme - Minimal Light Red */ +:root[data-theme="dark-minimal-light-red"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #fff5f5e6; + --primary-cta: #ff7a7a; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #fff5f5e6; + --accent: #737373; + --background-accent: #737373; +} + +/* Dark Theme - Minimal Light Purple */ +:root[data-theme="dark-minimal-light-purple"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #f8f5ffe6; + --primary-cta: #c89bff; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #f8f5ffe6; + --accent: #737373; + --background-accent: #737373; +} + +/* Dark Theme - Light Blue White */ +:root[data-theme="dark-light-blue-white"] { + --background: #010912; + --card: #152840; + --foreground: #e6f0ff; + --primary-cta: #cee7ff; + --primary-cta-text: #010912; + --secondary-cta: #0e1a29; + --secondary-cta-text: #ffffff; + --accent: #3f5c79; + --background-accent: #004a93; +} + +/* Dark Theme - Lime */ +:root[data-theme="dark-lime"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #f5f5f5; + --primary-cta: #dfff1c; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #ffffff; + --accent: #8b9a1b; + --background-accent: #5d6b00; +} + +/* Dark Theme - Gold */ +:root[data-theme="dark-gold"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #f5f5f5; + --primary-cta: #ffdf7d; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #ffffff; + --accent: #b8860b; + --background-accent: #8b6914; +} + +/* Dark Theme - Crimson */ +:root[data-theme="dark-crimson"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #f5f5f5; + --primary-cta: #ff0000; + --primary-cta-text: #ffffff; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #ffffff; + --accent: #991b1b; + --background-accent: #7f1d1d; +} + +/* Dark Theme - Midnight Ice */ +:root[data-theme="dark-midnight-ice"] { + --background: #000000; + --card: #0c0c0c; + --foreground: #ffffff; + --primary-cta: #cee7ff; + --primary-cta-text: #000000; + --secondary-cta: #000000; + --secondary-cta-text: #ffffff; + --accent: #535353; + --background-accent: #CEE7FF; +} + +/* Dark Theme - Midnight Blue */ +:root[data-theme="dark-midnight-blue"] { + --background: #000000; + --card: #0c0c0c; + --foreground: #ffffff; + --primary-cta: #106EFB; + --primary-cta-text: #ffffff; + --secondary-cta: #000000; + --secondary-cta-text: #ffffff; + --accent: #535353; + --background-accent: #106EFB; +} + +/* Dark Theme - Blue Orange Accent */ +:root[data-theme="dark-blue-orange-accent"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffff; + --primary-cta: #1f7cff; + --primary-cta-text: #ffffff; + --secondary-cta: #010101; + --secondary-cta-text: #ffffff; + --accent: #1f7cff; + --background-accent: #f96b2f; +} + +/* Dark Theme - Orange Blue Accent */ +:root[data-theme="dark-orange-blue-accent"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffff; + --primary-cta: #e34400; + --primary-cta-text: #ffffff; + --secondary-cta: #010101; + --secondary-cta-text: #ffffff; + --accent: #ff7b05; + --background-accent: #106efb; +} + +/* Dark Theme - Minimal Bright Orange */ +:root[data-theme="dark-minimal-bright-orange"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffff; + --primary-cta: #e34400; + --primary-cta-text: #ffffff; + --secondary-cta: #010101; + --secondary-cta-text: #ffffff; + --accent: #737373; + --background-accent: #e34400; +} + +/* Dark Theme - Minimal Light Orange */ +:root[data-theme="dark-minimal-light-orange"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #fffaf5e6; + --primary-cta: #ffaa70; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #fffaf5e6; + --accent: #737373; + --background-accent: #737373; +} + + +/* Dark Theme - Minimal Light Yellow */ +:root[data-theme="dark-minimal-light-yellow"] { + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #fffffae6; + --primary-cta: #fde047; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #fffffae6; + --accent: #737373; + --background-accent: #737373; +} + +/* Dark Theme - Light Blue */ +:root[data-theme="dark-light-blue"] { + --background: #010912; + --card: #152840; + --foreground: #e6f0ff; + --primary-cta: #cee7ff; + --primary-cta-text: #010912; + --secondary-cta: #0e1a29; + --secondary-cta-text: #e6f0ff; + --accent: #3f5c79; + --background-accent: #004a93; +} + +/* Dark Theme - Light Green */ +:root[data-theme="dark-light-green"] { + --background: #000802; + --card: #0b1a0b; + --foreground: #e6ffe6; + --primary-cta: #80da9b; + --primary-cta-text: #000802; + --secondary-cta: #07170b; + --secondary-cta-text: #e6ffe6; + --accent: #38714a; + --background-accent: #2c6541; +} + +/* Dark Theme - Light Red */ +:root[data-theme="dark-light-red"] { + --background: #080000; + --card: #1e0d0d; + --foreground: #ffe6e6; + --primary-cta: #ff7a7a; + --primary-cta-text: #080000; + --secondary-cta: #1e0909; + --secondary-cta-text: #ffe6e6; + --accent: #7b4242; + --background-accent: #65292c; +} + +/* Dark Theme - Dark Red */ +:root[data-theme="dark-dark-red"] { + --background: #060000; + --card: #1d0d0d; + --foreground: #ffe6e6; + --primary-cta: #ff3d4a; + --primary-cta-text: #ffffff; + --secondary-cta: #1f0a0a; + --secondary-cta-text: #ffe6e6; + --accent: #7b2d2d; + --background-accent: #b8111f; +} + +/* Dark Theme - Light Purple */ +:root[data-theme="dark-light-purple"] { + --background: #050012; + --card: #040121; + --foreground: #f0e6ff; + --primary-cta: #c89bff; + --primary-cta-text: #050012; + --secondary-cta: #1d123b; + --secondary-cta-text: #f0e6ff; + --accent: #684f7b; + --background-accent: #65417c; +} + +/* Dark Theme - Light Orange */ +:root[data-theme="dark-light-orange"] { + --background: #080200; + --card: #1a0d0b; + --foreground: #ffe6d5; + --primary-cta: #ffaa70; + --primary-cta-text: #080200; + --secondary-cta: #170b07; + --secondary-cta-text: #ffe6d5; + --accent: #7b5e4a; + --background-accent: #b8541e; +} + +/* Dark Theme - Deep Blue */ +:root[data-theme="dark-deep-blue"] { + --background: #020617; + --card: #0f172a; + --foreground: #e2e8f0; + --primary-cta: #c4d8f9; + --primary-cta-text: #020617; + --secondary-cta: #041633; + --secondary-cta-text: #e2e8f0; + --accent: #2d30f3; + --background-accent: #1d4ed8; +} + +/* Dark Theme - Violet */ +:root[data-theme="dark-violet"] { + --background: #030128; + --card: #241f48; + --foreground: #ffffff; + --primary-cta: #ffffff; + --primary-cta-text: #030128; + --secondary-cta: #131136; + --secondary-cta-text: #d5d4f6; + --accent: #44358a; + --background-accent: #b597fe; +} + +/* Dark Theme - Ruby */ +:root[data-theme="dark-ruby"] { + --background: #000000; + --card: #481f1f; + --foreground: #ffffff; + --primary-cta: #ffffff; + --primary-cta-text: #280101; + --secondary-cta: #361311; + --secondary-cta-text: #f6d4d4; + --accent: #51000b; + --background-accent: #ff2231; +} + +/* Dark Theme - Emerald */ +:root[data-theme="dark-emerald"] { + --background: #000000; + --card: #1f4035; + --foreground: #ffffff; + --primary-cta: #ffffff; + --primary-cta-text: #051a12; + --secondary-cta: #0d2b1f; + --secondary-cta-text: #d4f6e8; + --accent: #0d5238; + --background-accent: #10b981; +} + +/* Dark Theme - Indigo */ +:root[data-theme="dark-indigo"] { + --background: #000000; + --card: #1f1f40; + --foreground: #ffffff; + --primary-cta: #ffffff; + --primary-cta-text: #0a051a; + --secondary-cta: #0d0d2b; + --secondary-cta-text: #d4d4f6; + --accent: #3d2880; + --background-accent: #663cff; +} + +/* Dark Theme - Forest */ +:root[data-theme="dark-forest"] { + --background: #000000; + --card: #1a2f1d; + --foreground: #ffffff; + --primary-cta: #ffffff; + --primary-cta-text: #0a1a0c; + --secondary-cta: #0d200f; + --secondary-cta-text: #d4f6d8; + --accent: #1a3d1f; + --background-accent: #355e3b; +} + +/* Dark Theme - Mint */ +:root[data-theme="dark-mint"] { + --background: #000000; + --card: #1a2a1a; + --foreground: #ffffff; + --primary-cta: #ffffff; + --primary-cta-text: #0a150a; + --secondary-cta: #0d1a0d; + --secondary-cta-text: #e1f6e1; + --accent: #2d4a2d; + --background-accent: #c1e1c1; +} + + diff --git a/colorThemes.json b/colorThemes.json new file mode 100644 index 0000000..2e4fccc --- /dev/null +++ b/colorThemes.json @@ -0,0 +1,677 @@ +{ + "lightTheme": { + "minimalDarkBlue": { + "--background": "#ffffff", + "--card": "#f9f9f9", + "--foreground": "#000612e6", + "--primary-cta": "#15479c", + "--secondary-cta": "#f9f9f9", + "--accent": "#e2e2e2", + "--background-accent": "#c4c4c4", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#000612e6" + }, + "minimalDarkGreen": { + "--background": "#ffffff", + "--card": "#f9f9f9", + "--foreground": "#000f06e6", + "--primary-cta": "#0a7039", + "--secondary-cta": "#f9f9f9", + "--accent": "#e2e2e2", + "--background-accent": "#c4c4c4", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#000f06e6" + }, + "minimalLightRed": { + "--background": "#ffffff", + "--card": "#f9f9f9", + "--foreground": "#120006e6", + "--primary-cta": "#e63946", + "--secondary-cta": "#f9f9f9", + "--accent": "#e2e2e2", + "--background-accent": "#c4c4c4", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#120006e6" + }, + "minimalBrightBlue": { + "--background": "#ffffff", + "--card": "#f9f9f9", + "--foreground": "#000612e6", + "--primary-cta": "#106EFB", + "--secondary-cta": "#f9f9f9", + "--accent": "#e2e2e2", + "--background-accent": "#106EFB", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#000612e6" + }, + "minimalBrightOrange": { + "--background": "#ffffff", + "--card": "#f9f9f9", + "--foreground": "#120a00e6", + "--primary-cta": "#E34400", + "--secondary-cta": "#f9f9f9", + "--accent": "#e2e2e2", + "--background-accent": "#E34400", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#120a00e6" + }, + "minimalGoldenOrange": { + "--background": "#ffffff", + "--card": "#f9f9f9", + "--foreground": "#120a00e6", + "--primary-cta": "#FF7B05", + "--secondary-cta": "#f9f9f9", + "--accent": "#e2e2e2", + "--background-accent": "#FF7B05", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#120a00e6" + }, + "minimalLightOrange": { + "--background": "#ffffff", + "--card": "#f9f9f9", + "--foreground": "#120a00e6", + "--primary-cta": "#ff8c42", + "--secondary-cta": "#f9f9f9", + "--accent": "#e2e2e2", + "--background-accent": "#c4c4c4", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#120a00e6" + }, + "darkBlue": { + "--background": "#f5faff", + "--card": "#f1f8ff", + "--foreground": "#001122", + "--primary-cta": "#15479c", + "--secondary-cta": "#ffffff", + "--accent": "#a8cce8", + "--background-accent": "#7ba3cf", + "--primary-cta-text": "#f5faff", + "--secondary-cta-text": "#001122" + }, + "darkGreen": { + "--background": "#fafffb", + "--card": "#f7fffa", + "--foreground": "#001a0a", + "--primary-cta": "#0a7039", + "--secondary-cta": "#ffffff", + "--accent": "#a8d9be", + "--background-accent": "#6bbf8e", + "--primary-cta-text": "#fafffb", + "--secondary-cta-text": "#001a0a" + }, + "lightRed": { + "--background": "#fffafa", + "--card": "#fff7f7", + "--foreground": "#1a0000", + "--primary-cta": "#e63946", + "--secondary-cta": "#ffffff", + "--accent": "#f5c4c7", + "--background-accent": "#f09199", + "--primary-cta-text": "#fffafa", + "--secondary-cta-text": "#1a0000" + }, + "lightPurple": { + "--background": "#fbfaff", + "--card": "#f7f5ff", + "--foreground": "#0f0022", + "--primary-cta": "#8b5cf6", + "--secondary-cta": "#ffffff", + "--accent": "#d8cef5", + "--background-accent": "#c4a8f9", + "--primary-cta-text": "#fbfaff", + "--secondary-cta-text": "#0f0022" + }, + "warmCream": { + "--background": "#f6f0e9", + "--card": "#efe7dd", + "--foreground": "#2b180a", + "--primary-cta": "#2b180a", + "--secondary-cta": "#efe7dd", + "--accent": "#94877c", + "--background-accent": "#afa094", + "--primary-cta-text": "#f6f0e9", + "--secondary-cta-text": "#2b180a" + }, + "grayBlueAccent": { + "--background": "#f5f5f5", + "--card": "#ffffff", + "--foreground": "#1c1c1c", + "--primary-cta": "#1c1c1c", + "--secondary-cta": "#ffffff", + "--accent": "#15479c", + "--background-accent": "#a8cce8", + "--primary-cta-text": "#f5f5f5", + "--secondary-cta-text": "#1c1c1c" + }, + "grayGreenAccent": { + "--background": "#f5f5f5", + "--card": "#ffffff", + "--foreground": "#1c1c1c", + "--primary-cta": "#1c1c1c", + "--secondary-cta": "#ffffff", + "--accent": "#159c49", + "--background-accent": "#a8e8ba", + "--primary-cta-text": "#f5f5f5", + "--secondary-cta-text": "#1c1c1c" + }, + "grayRedAccent": { + "--background": "#f5f5f5", + "--card": "#ffffff", + "--foreground": "#1c1c1c", + "--primary-cta": "#1c1c1c", + "--secondary-cta": "#ffffff", + "--accent": "#e63946", + "--background-accent": "#e8bea8", + "--primary-cta-text": "#f5f5f5", + "--secondary-cta-text": "#1c1c1c" + }, + "grayPurpleAccent": { + "--background": "#f5f5f5", + "--card": "#ffffff", + "--foreground": "#1c1c1c", + "--primary-cta": "#1c1c1c", + "--secondary-cta": "#ffffff", + "--accent": "#6139e6", + "--background-accent": "#b3a8e8", + "--primary-cta-text": "#f5f5f5", + "--secondary-cta-text": "#1c1c1c" + }, + "warmBeige": { + "--background": "#efebe5", + "--card": "#f7f2ea", + "--foreground": "#000000", + "--primary-cta": "#000000", + "--secondary-cta": "#ffffff", + "--accent": "#ffffff", + "--background-accent": "#e1b875", + "--primary-cta-text": "#efebe5", + "--secondary-cta-text": "#000000" + }, + "grayTealGreen": { + "--background": "#f5f5f5", + "--card": "#ffffff", + "--foreground": "#1c1c1c", + "--primary-cta": "#1f514c", + "--secondary-cta": "#ffffff", + "--accent": "#159c49", + "--background-accent": "#a8e8ba", + "--primary-cta-text": "#f5f5f5", + "--secondary-cta-text": "#1c1c1c" + }, + "grayNavyBlue": { + "--background": "#f5f5f5", + "--card": "#ffffff", + "--foreground": "#1c1c1c", + "--primary-cta": "#1f3251", + "--secondary-cta": "#ffffff", + "--accent": "#15479c", + "--background-accent": "#a8cce8", + "--primary-cta-text": "#f5f5f5", + "--secondary-cta-text": "#1c1c1c" + }, + "grayBurgundyRed": { + "--background": "#f5f5f5", + "--card": "#ffffff", + "--foreground": "#1c1c1c", + "--primary-cta": "#511f1f", + "--secondary-cta": "#ffffff", + "--accent": "#e63946", + "--background-accent": "#e8bea8", + "--primary-cta-text": "#f5f5f5", + "--secondary-cta-text": "#1c1c1c" + }, + "grayIndigoPurple": { + "--background": "#f5f5f5", + "--card": "#ffffff", + "--foreground": "#1c1c1c", + "--primary-cta": "#341f51", + "--secondary-cta": "#ffffff", + "--accent": "#6139e6", + "--background-accent": "#b3a8e8", + "--primary-cta-text": "#f5f5f5", + "--secondary-cta-text": "#1c1c1c" + }, + "warmgrayPink": { + "--background": "#f7f6f7", + "--card": "#ffffff", + "--foreground": "#1b0c25", + "--primary-cta": "#1b0c25", + "--secondary-cta": "#ffffff", + "--accent": "#ff93e4", + "--background-accent": "#e8a8c3", + "--primary-cta-text": "#f7f6f7", + "--secondary-cta-text": "#1b0c25" + }, + "warmgrayOrange": { + "--background": "#f7f6f7", + "--card": "#ffffff", + "--foreground": "#25190c", + "--primary-cta": "#ff6207", + "--secondary-cta": "#ffffff", + "--accent": "#ffce93", + "--background-accent": "#e8cfa8", + "--primary-cta-text": "#f7f6f7", + "--secondary-cta-text": "#25190c" + }, + "warmgrayBlue": { + "--background": "#f7f6f7", + "--card": "#ffffff", + "--foreground": "#0c1325", + "--primary-cta": "#0798ff", + "--secondary-cta": "#ffffff", + "--accent": "#93c7ff", + "--background-accent": "#a8cde8", + "--primary-cta-text": "#f7f6f7", + "--secondary-cta-text": "#0c1325" + }, + "warmgrayIndigo": { + "--background": "#f7f6f7", + "--card": "#ffffff", + "--foreground": "#0c1325", + "--primary-cta": "#0b07ff", + "--secondary-cta": "#ffffff", + "--accent": "#93b7ff", + "--background-accent": "#a8bae8", + "--primary-cta-text": "#f7f6f7", + "--secondary-cta-text": "#0c1325" + }, + "lavenderPeach": { + "--background": "#e3deea", + "--card": "#ffffff", + "--foreground": "#27231f", + "--primary-cta": "#27231f", + "--secondary-cta": "#ffffff", + "--accent": "#c68a62", + "--background-accent": "#c68a62", + "--primary-cta-text": "#e3deea", + "--secondary-cta-text": "#27231f" + }, + "lavenderBlue": { + "--background": "#e3deea", + "--card": "#ffffff", + "--foreground": "#1f2027", + "--primary-cta": "#1f2027", + "--secondary-cta": "#ffffff", + "--accent": "#627dc6", + "--background-accent": "#627dc6", + "--primary-cta-text": "#e3deea", + "--secondary-cta-text": "#1f2027" + }, + "warmStone": { + "--background": "#f5f4ef", + "--card": "#dad6cd", + "--foreground": "#2a2928", + "--primary-cta": "#2a2928", + "--secondary-cta": "#ecebea", + "--accent": "#ffffff", + "--background-accent": "#c6b180", + "--primary-cta-text": "#f5f4ef", + "--secondary-cta-text": "#2a2928" + }, + "warmStoneGray": { + "--background": "#f5f4f0", + "--card": "#ffffff", + "--foreground": "#1a1a1a", + "--primary-cta": "#2c2c2c", + "--secondary-cta": "#f5f4f0", + "--accent": "#8a8a8a", + "--background-accent": "#e8e6e1", + "--primary-cta-text": "#f5f4f0", + "--secondary-cta-text": "#1a1a1a" + }, + "warmGreen": { + "--background": "#fffefe", + "--card": "#f6f7f4", + "--foreground": "#080908", + "--primary-cta": "#0e3a29", + "--secondary-cta": "#e7eecd", + "--accent": "#35c18b", + "--background-accent": "#ecebe4", + "--primary-cta-text": "#fffefe", + "--secondary-cta-text": "#080908" + }, + "warmSand": { + "--background": "#fcf6ec", + "--card": "#f3ede2", + "--foreground": "#2e2521", + "--primary-cta": "#2e2521", + "--secondary-cta": "#ffffff", + "--accent": "#b2a28b", + "--background-accent": "#b2a28b", + "--primary-cta-text": "#fcf6ec", + "--secondary-cta-text": "#2e2521" + }, + "warmgrayRed": { + "--background": "#f7f6f7", + "--card": "#ffffff", + "--foreground": "#250c0d", + "--primary-cta": "#b82b40", + "--secondary-cta": "#ffffff", + "--accent": "#b90941", + "--background-accent": "#e8a8b6", + "--primary-cta-text": "#f7f6f7", + "--secondary-cta-text": "#250c0d" + } + }, + "darkTheme": { + "minimal": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#ffffffe6", + "--primary-cta": "#e6e6e6", + "--secondary-cta": "#1a1a1a", + "--accent": "#737373", + "--background-accent": "#737373", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#ffffffe6" + }, + "minimalLightBlue": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#f0f8ffe6", + "--primary-cta": "#cee7ff", + "--secondary-cta": "#1a1a1a", + "--accent": "#737373", + "--background-accent": "#737373", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#f0f8ffe6" + }, + "minimalLightGreen": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#f5fffae6", + "--primary-cta": "#80da9b", + "--secondary-cta": "#1a1a1a", + "--accent": "#737373", + "--background-accent": "#737373", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#f5fffae6" + }, + "minimalLightRed": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#fff5f5e6", + "--primary-cta": "#ff7a7a", + "--secondary-cta": "#1a1a1a", + "--accent": "#737373", + "--background-accent": "#737373", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#fff5f5e6" + }, + "minimalLightPurple": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#f8f5ffe6", + "--primary-cta": "#c89bff", + "--secondary-cta": "#1a1a1a", + "--accent": "#737373", + "--background-accent": "#737373", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#f8f5ffe6" + }, + "lightBlueWhite": { + "--background": "#010912", + "--card": "#152840", + "--foreground": "#e6f0ff", + "--primary-cta": "#cee7ff", + "--secondary-cta": "#0e1a29", + "--accent": "#3f5c79", + "--background-accent": "#004a93", + "--primary-cta-text": "#010912", + "--secondary-cta-text": "#ffffff" + }, + "lime": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#f5f5f5", + "--primary-cta": "#dfff1c", + "--secondary-cta": "#1a1a1a", + "--accent": "#8b9a1b", + "--background-accent": "#5d6b00", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#ffffff" + }, + "gold": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#f5f5f5", + "--primary-cta": "#ffdf7d", + "--secondary-cta": "#1a1a1a", + "--accent": "#b8860b", + "--background-accent": "#8b6914", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#ffffff" + }, + "crimson": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#f5f5f5", + "--primary-cta": "#ff0000", + "--secondary-cta": "#1a1a1a", + "--accent": "#991b1b", + "--background-accent": "#7f1d1d", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#ffffff" + }, + "midnightIce": { + "--background": "#000000", + "--card": "#0c0c0c", + "--foreground": "#ffffff", + "--primary-cta": "#cee7ff", + "--secondary-cta": "#000000", + "--accent": "#535353", + "--background-accent": "#CEE7FF", + "--primary-cta-text": "#000000", + "--secondary-cta-text": "#ffffff" + }, + "midnightBlue": { + "--background": "#000000", + "--card": "#0c0c0c", + "--foreground": "#ffffff", + "--primary-cta": "#106EFB", + "--secondary-cta": "#000000", + "--accent": "#535353", + "--background-accent": "#106EFB", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#ffffff" + }, + "blueOrangeAccent": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#ffffff", + "--primary-cta": "#1f7cff", + "--secondary-cta": "#010101", + "--accent": "#1f7cff", + "--background-accent": "#f96b2f", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#ffffff" + }, + "orangeBlueAccent": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#ffffff", + "--primary-cta": "#e34400", + "--secondary-cta": "#010101", + "--accent": "#ff7b05", + "--background-accent": "#106efb", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#ffffff" + }, + "minimalBrightOrange": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#ffffff", + "--primary-cta": "#e34400", + "--secondary-cta": "#010101", + "--accent": "#737373", + "--background-accent": "#e34400", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#ffffff" + }, + "minimalLightOrange": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#fffaf5e6", + "--primary-cta": "#ffaa70", + "--secondary-cta": "#1a1a1a", + "--accent": "#737373", + "--background-accent": "#737373", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#fffaf5e6" + }, + "minimalLightYellow": { + "--background": "#0a0a0a", + "--card": "#1a1a1a", + "--foreground": "#fffffae6", + "--primary-cta": "#fde047", + "--secondary-cta": "#1a1a1a", + "--accent": "#737373", + "--background-accent": "#737373", + "--primary-cta-text": "#0a0a0a", + "--secondary-cta-text": "#fffffae6" + }, + "lightBlue": { + "--background": "#010912", + "--card": "#152840", + "--foreground": "#e6f0ff", + "--primary-cta": "#cee7ff", + "--secondary-cta": "#0e1a29", + "--accent": "#3f5c79", + "--background-accent": "#004a93", + "--primary-cta-text": "#010912", + "--secondary-cta-text": "#e6f0ff" + }, + "lightGreen": { + "--background": "#000802", + "--card": "#0b1a0b", + "--foreground": "#e6ffe6", + "--primary-cta": "#80da9b", + "--secondary-cta": "#07170b", + "--accent": "#38714a", + "--background-accent": "#2c6541", + "--primary-cta-text": "#000802", + "--secondary-cta-text": "#e6ffe6" + }, + "lightRed": { + "--background": "#080000", + "--card": "#1e0d0d", + "--foreground": "#ffe6e6", + "--primary-cta": "#ff7a7a", + "--secondary-cta": "#1e0909", + "--accent": "#7b4242", + "--background-accent": "#65292c", + "--primary-cta-text": "#080000", + "--secondary-cta-text": "#ffe6e6" + }, + "darkRed": { + "--background": "#060000", + "--card": "#1d0d0d", + "--foreground": "#ffe6e6", + "--primary-cta": "#ff3d4a", + "--secondary-cta": "#1f0a0a", + "--accent": "#7b2d2d", + "--background-accent": "#b8111f", + "--primary-cta-text": "#ffffff", + "--secondary-cta-text": "#ffe6e6" + }, + "lightPurple": { + "--background": "#050012", + "--card": "#040121", + "--foreground": "#f0e6ff", + "--primary-cta": "#c89bff", + "--secondary-cta": "#1d123b", + "--accent": "#684f7b", + "--background-accent": "#65417c", + "--primary-cta-text": "#050012", + "--secondary-cta-text": "#f0e6ff" + }, + "lightOrange": { + "--background": "#080200", + "--card": "#1a0d0b", + "--foreground": "#ffe6d5", + "--primary-cta": "#ffaa70", + "--secondary-cta": "#170b07", + "--accent": "#7b5e4a", + "--background-accent": "#b8541e", + "--primary-cta-text": "#080200", + "--secondary-cta-text": "#ffe6d5" + }, + "deepBlue": { + "--background": "#020617", + "--card": "#0f172a", + "--foreground": "#e2e8f0", + "--primary-cta": "#c4d8f9", + "--secondary-cta": "#041633", + "--accent": "#2d30f3", + "--background-accent": "#1d4ed8", + "--primary-cta-text": "#020617", + "--secondary-cta-text": "#e2e8f0" + }, + "violet": { + "--background": "#030128", + "--card": "#241f48", + "--foreground": "#ffffff", + "--primary-cta": "#ffffff", + "--secondary-cta": "#131136", + "--accent": "#44358a", + "--background-accent": "#b597fe", + "--primary-cta-text": "#030128", + "--secondary-cta-text": "#d5d4f6" + }, + "ruby": { + "--background": "#000000", + "--card": "#481f1f", + "--foreground": "#ffffff", + "--primary-cta": "#ffffff", + "--secondary-cta": "#361311", + "--accent": "#51000b", + "--background-accent": "#ff2231", + "--primary-cta-text": "#280101", + "--secondary-cta-text": "#f6d4d4" + }, + "emerald": { + "--background": "#000000", + "--card": "#1f4035", + "--foreground": "#ffffff", + "--primary-cta": "#ffffff", + "--secondary-cta": "#0d2b1f", + "--accent": "#0d5238", + "--background-accent": "#10b981", + "--primary-cta-text": "#051a12", + "--secondary-cta-text": "#d4f6e8" + }, + "indigo": { + "--background": "#000000", + "--card": "#1f1f40", + "--foreground": "#ffffff", + "--primary-cta": "#ffffff", + "--secondary-cta": "#0d0d2b", + "--accent": "#3d2880", + "--background-accent": "#663cff", + "--primary-cta-text": "#0a051a", + "--secondary-cta-text": "#d4d4f6" + }, + "forest": { + "--background": "#000000", + "--card": "#1a2f1d", + "--foreground": "#ffffff", + "--primary-cta": "#ffffff", + "--secondary-cta": "#0d200f", + "--accent": "#1a3d1f", + "--background-accent": "#355e3b", + "--primary-cta-text": "#0a1a0c", + "--secondary-cta-text": "#d4f6d8" + }, + "mint": { + "--background": "#000000", + "--card": "#1a2a1a", + "--foreground": "#ffffff", + "--primary-cta": "#ffffff", + "--secondary-cta": "#0d1a0d", + "--accent": "#2d4a2d", + "--background-accent": "#c1e1c1", + "--primary-cta-text": "#0a150a", + "--secondary-cta-text": "#e1f6e1" + } + } +} diff --git a/docs/ACCESSIBILITY.md b/docs/ACCESSIBILITY.md new file mode 100644 index 0000000..8303571 --- /dev/null +++ b/docs/ACCESSIBILITY.md @@ -0,0 +1,500 @@ +# Accessibility Standards + +This document outlines accessibility (a11y) requirements for all components in the library, ensuring compatibility with screen readers and assistive technologies. + +## Interactive Components + +For buttons, links, and other interactive elements. + +### Required Props + +```tsx +interface ButtonProps { + text: string; + onClick?: () => void; + className?: string; + // Accessibility props + disabled?: boolean; + ariaLabel?: string; + type?: "button" | "submit" | "reset"; +} +``` + +### Implementation Pattern + +```tsx +const Button = ({ + text, + onClick, + className = "", + disabled = false, + ariaLabel, + type = "button", +}: ButtonProps) => { + return ( + + ); +}; +``` + +### Key Points + +**ariaLabel:** +- Optional prop with sensible fallback +- Falls back to `text` content for buttons +- Provides context for screen readers + +**type:** +- Default: `"button"` +- Options: `"button" | "submit" | "reset"` +- Prevents accidental form submission + +**disabled:** +- Default: `false` +- Includes visual disabled states: + - `disabled:cursor-not-allowed` - Shows not-allowed cursor + - `disabled:opacity-50` - Reduces opacity for visual feedback + +## Media Components + +### Images + +**Required Props:** +```tsx +interface ImageProps { + imageSrc: string; + imageAlt?: string; // Empty string for decorative images + className?: string; +} +``` + +**Implementation:** +```tsx +const ImageComponent = ({ + imageSrc, + imageAlt = "", + className = "", +}: ImageProps) => { + return ( + {imageAlt} + ); +}; +``` + +**Key Points:** +- `imageAlt` - Alt text for images + - Provide descriptive alt text for meaningful images + - Use empty string (`""`) for decorative images +- `aria-hidden={true}` - When alt is empty, mark as decorative +- Screen readers will skip decorative images + +### Videos + +**Required Props:** +```tsx +interface VideoProps { + videoSrc: string; + videoAriaLabel?: string; + className?: string; +} +``` + +**Implementation:** +```tsx +const VideoComponent = ({ + videoSrc, + videoAriaLabel = "Video content", + className = "", +}: VideoProps) => { + return ( +