@sonordev/agency-site-kit 0.3.1 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +302 -0
- package/bin/setup.mjs +79 -0
- package/dist/{chunk-RXBK2EOE.js → chunk-4IES23GV.js} +3 -3
- package/dist/{chunk-RXBK2EOE.js.map → chunk-4IES23GV.js.map} +1 -1
- package/dist/chunk-4N7ENJ7L.cjs +108 -0
- package/dist/chunk-4N7ENJ7L.cjs.map +1 -0
- package/dist/{chunk-WNR4KNG4.cjs → chunk-5MEZU3OG.cjs} +4 -4
- package/dist/{chunk-WNR4KNG4.cjs.map → chunk-5MEZU3OG.cjs.map} +1 -1
- package/dist/chunk-7ZHRMWJU.cjs +306 -0
- package/dist/chunk-7ZHRMWJU.cjs.map +1 -0
- package/dist/chunk-CVT7I5BQ.js +71 -0
- package/dist/chunk-CVT7I5BQ.js.map +1 -0
- package/dist/chunk-HQGAX2LI.cjs +8 -0
- package/dist/chunk-HQGAX2LI.cjs.map +1 -0
- package/dist/chunk-KXLROAO5.js +291 -0
- package/dist/chunk-KXLROAO5.js.map +1 -0
- package/dist/chunk-L4EOQVRJ.js +6 -0
- package/dist/chunk-L4EOQVRJ.js.map +1 -0
- package/dist/chunk-L7E3UHQC.cjs +535 -0
- package/dist/chunk-L7E3UHQC.cjs.map +1 -0
- package/dist/chunk-NI4FVCLS.cjs +32 -0
- package/dist/chunk-NI4FVCLS.cjs.map +1 -0
- package/dist/chunk-NIZJLONK.js +106 -0
- package/dist/chunk-NIZJLONK.js.map +1 -0
- package/dist/chunk-QDXZ27R7.js +33 -0
- package/dist/chunk-QDXZ27R7.js.map +1 -0
- package/dist/{chunk-TVFXN6W6.js → chunk-QL6KVIFR.js} +8 -4
- package/dist/chunk-QL6KVIFR.js.map +1 -0
- package/dist/chunk-UNTOEWQL.js +504 -0
- package/dist/chunk-UNTOEWQL.js.map +1 -0
- package/dist/chunk-XJ434N7I.js +30 -0
- package/dist/chunk-XJ434N7I.js.map +1 -0
- package/dist/chunk-XLK77USA.js +45 -0
- package/dist/chunk-XLK77USA.js.map +1 -0
- package/dist/{chunk-EE75WRCM.cjs → chunk-XOWSXZYW.cjs} +8 -4
- package/dist/chunk-XOWSXZYW.cjs.map +1 -0
- package/dist/chunk-ZINKVJQU.js +67 -0
- package/dist/chunk-ZINKVJQU.js.map +1 -0
- package/dist/index.cjs +29 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -9
- package/dist/index.d.ts +17 -9
- package/dist/index.js +7 -9
- package/dist/index.js.map +1 -1
- package/dist/layout/index.cjs +3 -3
- package/dist/layout/index.d.cts +1 -1
- package/dist/layout/index.d.ts +1 -1
- package/dist/layout/index.js +2 -2
- package/dist/portfolio/client.cjs +342 -12
- package/dist/portfolio/client.cjs.map +1 -1
- package/dist/portfolio/client.d.cts +11 -88
- package/dist/portfolio/client.d.ts +11 -88
- package/dist/portfolio/client.js +150 -4
- package/dist/portfolio/client.js.map +1 -1
- package/dist/portfolio/components/PortfolioAnalytics.cjs +87 -0
- package/dist/portfolio/components/PortfolioAnalytics.cjs.map +1 -0
- package/dist/portfolio/components/PortfolioAnalytics.d.cts +5 -0
- package/dist/portfolio/components/PortfolioAnalytics.d.ts +5 -0
- package/dist/portfolio/components/PortfolioAnalytics.js +9 -0
- package/dist/portfolio/components/PortfolioAnalytics.js.map +1 -0
- package/dist/portfolio/components/PortfolioErrorFallback.cjs +65 -0
- package/dist/portfolio/components/PortfolioErrorFallback.cjs.map +1 -0
- package/dist/portfolio/components/PortfolioErrorFallback.d.cts +22 -0
- package/dist/portfolio/components/PortfolioErrorFallback.d.ts +22 -0
- package/dist/portfolio/components/PortfolioErrorFallback.js +9 -0
- package/dist/portfolio/components/PortfolioErrorFallback.js.map +1 -0
- package/dist/portfolio/components/PortfolioLeadCTA.cjs +91 -0
- package/dist/portfolio/components/PortfolioLeadCTA.cjs.map +1 -0
- package/dist/portfolio/components/PortfolioLeadCTA.d.cts +34 -0
- package/dist/portfolio/components/PortfolioLeadCTA.d.ts +34 -0
- package/dist/portfolio/components/PortfolioLeadCTA.js +9 -0
- package/dist/portfolio/components/PortfolioLeadCTA.js.map +1 -0
- package/dist/portfolio/index.cjs +19 -20
- package/dist/portfolio/index.d.cts +133 -7
- package/dist/portfolio/index.d.ts +133 -7
- package/dist/portfolio/index.js +6 -7
- package/dist/portfolio/primitives/AnimatedCounter.cjs +88 -0
- package/dist/portfolio/primitives/AnimatedCounter.cjs.map +1 -0
- package/dist/portfolio/primitives/AnimatedCounter.d.cts +22 -0
- package/dist/portfolio/primitives/AnimatedCounter.d.ts +22 -0
- package/dist/portfolio/primitives/AnimatedCounter.js +68 -0
- package/dist/portfolio/primitives/AnimatedCounter.js.map +1 -0
- package/dist/portfolio/primitives/AnnotatedImage.cjs +320 -0
- package/dist/portfolio/primitives/AnnotatedImage.cjs.map +1 -0
- package/dist/portfolio/primitives/AnnotatedImage.d.cts +18 -0
- package/dist/portfolio/primitives/AnnotatedImage.d.ts +18 -0
- package/dist/portfolio/primitives/AnnotatedImage.js +264 -0
- package/dist/portfolio/primitives/AnnotatedImage.js.map +1 -0
- package/dist/portfolio/primitives/BeforeAfterSlider.cjs +348 -0
- package/dist/portfolio/primitives/BeforeAfterSlider.cjs.map +1 -0
- package/dist/portfolio/primitives/BeforeAfterSlider.d.cts +13 -0
- package/dist/portfolio/primitives/BeforeAfterSlider.d.ts +13 -0
- package/dist/portfolio/primitives/BeforeAfterSlider.js +292 -0
- package/dist/portfolio/primitives/BeforeAfterSlider.js.map +1 -0
- package/dist/portfolio/primitives/DeviceTrifolio.cjs +298 -0
- package/dist/portfolio/primitives/DeviceTrifolio.cjs.map +1 -0
- package/dist/portfolio/primitives/DeviceTrifolio.d.cts +14 -0
- package/dist/portfolio/primitives/DeviceTrifolio.d.ts +14 -0
- package/dist/portfolio/primitives/DeviceTrifolio.js +242 -0
- package/dist/portfolio/primitives/DeviceTrifolio.js.map +1 -0
- package/dist/portfolio/primitives/FrequencyBarSkeleton.cjs +88 -0
- package/dist/portfolio/primitives/FrequencyBarSkeleton.cjs.map +1 -0
- package/dist/portfolio/primitives/FrequencyBarSkeleton.d.cts +10 -0
- package/dist/portfolio/primitives/FrequencyBarSkeleton.d.ts +10 -0
- package/dist/portfolio/primitives/FrequencyBarSkeleton.js +68 -0
- package/dist/portfolio/primitives/FrequencyBarSkeleton.js.map +1 -0
- package/dist/portfolio/primitives/GlassCard.cjs +45 -0
- package/dist/portfolio/primitives/GlassCard.cjs.map +1 -0
- package/dist/portfolio/primitives/GlassCard.d.cts +11 -0
- package/dist/portfolio/primitives/GlassCard.d.ts +11 -0
- package/dist/portfolio/primitives/GlassCard.js +43 -0
- package/dist/portfolio/primitives/GlassCard.js.map +1 -0
- package/dist/portfolio/primitives/MetricBadge.cjs +74 -0
- package/dist/portfolio/primitives/MetricBadge.cjs.map +1 -0
- package/dist/portfolio/primitives/MetricBadge.d.cts +9 -0
- package/dist/portfolio/primitives/MetricBadge.d.ts +9 -0
- package/dist/portfolio/primitives/MetricBadge.js +54 -0
- package/dist/portfolio/primitives/MetricBadge.js.map +1 -0
- package/dist/portfolio/primitives/SVGChart.cjs +316 -0
- package/dist/portfolio/primitives/SVGChart.cjs.map +1 -0
- package/dist/portfolio/primitives/SVGChart.d.cts +18 -0
- package/dist/portfolio/primitives/SVGChart.d.ts +18 -0
- package/dist/portfolio/primitives/SVGChart.js +296 -0
- package/dist/portfolio/primitives/SVGChart.js.map +1 -0
- package/dist/portfolio/primitives/ScrollReveal.cjs +97 -0
- package/dist/portfolio/primitives/ScrollReveal.cjs.map +1 -0
- package/dist/portfolio/primitives/ScrollReveal.d.cts +27 -0
- package/dist/portfolio/primitives/ScrollReveal.d.ts +27 -0
- package/dist/portfolio/primitives/ScrollReveal.js +77 -0
- package/dist/portfolio/primitives/ScrollReveal.js.map +1 -0
- package/dist/portfolio/primitives/SplitHeadline.cjs +107 -0
- package/dist/portfolio/primitives/SplitHeadline.cjs.map +1 -0
- package/dist/portfolio/primitives/SplitHeadline.d.cts +24 -0
- package/dist/portfolio/primitives/SplitHeadline.d.ts +24 -0
- package/dist/portfolio/primitives/SplitHeadline.js +87 -0
- package/dist/portfolio/primitives/SplitHeadline.js.map +1 -0
- package/dist/portfolio/sections/BeforeAfterSection.cjs +271 -0
- package/dist/portfolio/sections/BeforeAfterSection.cjs.map +1 -0
- package/dist/portfolio/sections/BeforeAfterSection.d.cts +9 -0
- package/dist/portfolio/sections/BeforeAfterSection.d.ts +9 -0
- package/dist/{BeforeAfterSection-6BHFLY4Y.js → portfolio/sections/BeforeAfterSection.js} +66 -27
- package/dist/portfolio/sections/BeforeAfterSection.js.map +1 -0
- package/dist/portfolio/sections/CTASection.cjs +123 -0
- package/dist/portfolio/sections/CTASection.cjs.map +1 -0
- package/dist/portfolio/sections/CTASection.d.cts +9 -0
- package/dist/portfolio/sections/CTASection.d.ts +9 -0
- package/dist/portfolio/sections/CTASection.js +93 -0
- package/dist/portfolio/sections/CTASection.js.map +1 -0
- package/dist/{ChallengesSection-IZ3DHECS.cjs → portfolio/sections/ChallengesSection.cjs} +12 -6
- package/dist/portfolio/sections/ChallengesSection.cjs.map +1 -0
- package/dist/portfolio/sections/ChallengesSection.d.cts +9 -0
- package/dist/portfolio/sections/ChallengesSection.d.ts +9 -0
- package/dist/{ChallengesSection-GEQGVSJN.js → portfolio/sections/ChallengesSection.js} +5 -4
- package/dist/portfolio/sections/ChallengesSection.js.map +1 -0
- package/dist/portfolio/sections/ConversionFunnelSection.cjs +263 -0
- package/dist/portfolio/sections/ConversionFunnelSection.cjs.map +1 -0
- package/dist/portfolio/sections/ConversionFunnelSection.d.cts +9 -0
- package/dist/portfolio/sections/ConversionFunnelSection.d.ts +9 -0
- package/dist/{ConversionFunnelSection-D3GE4NKE.js → portfolio/sections/ConversionFunnelSection.js} +60 -56
- package/dist/portfolio/sections/ConversionFunnelSection.js.map +1 -0
- package/dist/{DesignSystemSection-KXIQXITF.cjs → portfolio/sections/DesignSystemSection.cjs} +13 -7
- package/dist/portfolio/sections/DesignSystemSection.cjs.map +1 -0
- package/dist/portfolio/sections/DesignSystemSection.d.cts +32 -0
- package/dist/portfolio/sections/DesignSystemSection.d.ts +32 -0
- package/dist/{DesignSystemSection-2R5BRBGO.js → portfolio/sections/DesignSystemSection.js} +5 -4
- package/dist/portfolio/sections/DesignSystemSection.js.map +1 -0
- package/dist/{DetailsSection-TTUZAPZZ.cjs → portfolio/sections/DetailsSection.cjs} +12 -6
- package/dist/portfolio/sections/DetailsSection.cjs.map +1 -0
- package/dist/portfolio/sections/DetailsSection.d.cts +9 -0
- package/dist/portfolio/sections/DetailsSection.d.ts +9 -0
- package/dist/{DetailsSection-A6PZQUQL.js → portfolio/sections/DetailsSection.js} +5 -4
- package/dist/portfolio/sections/DetailsSection.js.map +1 -0
- package/dist/portfolio/sections/FeatureSpotlightSection.cjs +267 -0
- package/dist/portfolio/sections/FeatureSpotlightSection.cjs.map +1 -0
- package/dist/portfolio/sections/FeatureSpotlightSection.d.cts +9 -0
- package/dist/portfolio/sections/FeatureSpotlightSection.d.ts +9 -0
- package/dist/{FeatureSpotlightSection-B7P3JGNL.js → portfolio/sections/FeatureSpotlightSection.js} +39 -33
- package/dist/portfolio/sections/FeatureSpotlightSection.js.map +1 -0
- package/dist/portfolio/sections/GallerySection.cjs +321 -0
- package/dist/portfolio/sections/GallerySection.cjs.map +1 -0
- package/dist/portfolio/sections/GallerySection.d.cts +9 -0
- package/dist/portfolio/sections/GallerySection.d.ts +9 -0
- package/dist/{GallerySection-VMKORC47.js → portfolio/sections/GallerySection.js} +65 -18
- package/dist/portfolio/sections/GallerySection.js.map +1 -0
- package/dist/portfolio/sections/HeroSection.cjs +180 -0
- package/dist/portfolio/sections/HeroSection.cjs.map +1 -0
- package/dist/portfolio/sections/HeroSection.d.cts +15 -0
- package/dist/portfolio/sections/HeroSection.d.ts +15 -0
- package/dist/portfolio/sections/HeroSection.js +171 -0
- package/dist/portfolio/sections/HeroSection.js.map +1 -0
- package/dist/{MetricsTimelineSection-4L6DUHJ5.cjs → portfolio/sections/MetricsTimelineSection.cjs} +102 -61
- package/dist/portfolio/sections/MetricsTimelineSection.cjs.map +1 -0
- package/dist/portfolio/sections/MetricsTimelineSection.d.cts +9 -0
- package/dist/portfolio/sections/MetricsTimelineSection.d.ts +9 -0
- package/dist/{MetricsTimelineSection-6BT5GNFV.js → portfolio/sections/MetricsTimelineSection.js} +45 -29
- package/dist/portfolio/sections/MetricsTimelineSection.js.map +1 -0
- package/dist/{PerformanceSection-24TVVFZA.cjs → portfolio/sections/PerformanceSection.cjs} +136 -93
- package/dist/portfolio/sections/PerformanceSection.cjs.map +1 -0
- package/dist/portfolio/sections/PerformanceSection.d.cts +22 -0
- package/dist/portfolio/sections/PerformanceSection.d.ts +22 -0
- package/dist/{PerformanceSection-MGCEIXDX.js → portfolio/sections/PerformanceSection.js} +58 -40
- package/dist/portfolio/sections/PerformanceSection.js.map +1 -0
- package/dist/{ResultsSection-XLGMMQKY.cjs → portfolio/sections/ResultsSection.cjs} +22 -10
- package/dist/portfolio/sections/ResultsSection.cjs.map +1 -0
- package/dist/portfolio/sections/ResultsSection.d.cts +13 -0
- package/dist/portfolio/sections/ResultsSection.d.ts +13 -0
- package/dist/{ResultsSection-DFUJ5U6M.js → portfolio/sections/ResultsSection.js} +13 -7
- package/dist/portfolio/sections/ResultsSection.js.map +1 -0
- package/dist/portfolio/sections/ServicesSection.cjs +129 -0
- package/dist/portfolio/sections/ServicesSection.cjs.map +1 -0
- package/dist/portfolio/sections/ServicesSection.d.cts +9 -0
- package/dist/portfolio/sections/ServicesSection.d.ts +9 -0
- package/dist/portfolio/sections/ServicesSection.js +122 -0
- package/dist/portfolio/sections/ServicesSection.js.map +1 -0
- package/dist/{SiteArchitectureSection-J7BPBERH.cjs → portfolio/sections/SiteArchitectureSection.cjs} +116 -92
- package/dist/portfolio/sections/SiteArchitectureSection.cjs.map +1 -0
- package/dist/portfolio/sections/SiteArchitectureSection.d.cts +21 -0
- package/dist/portfolio/sections/SiteArchitectureSection.d.ts +21 -0
- package/dist/{SiteArchitectureSection-TE22OAWV.js → portfolio/sections/SiteArchitectureSection.js} +46 -47
- package/dist/portfolio/sections/SiteArchitectureSection.js.map +1 -0
- package/dist/{SpeedComparisonSection-EZKFQVGW.cjs → portfolio/sections/SpeedComparisonSection.cjs} +12 -6
- package/dist/portfolio/sections/SpeedComparisonSection.cjs.map +1 -0
- package/dist/portfolio/sections/SpeedComparisonSection.d.cts +20 -0
- package/dist/portfolio/sections/SpeedComparisonSection.d.ts +20 -0
- package/dist/{SpeedComparisonSection-Y3K7OFZQ.js → portfolio/sections/SpeedComparisonSection.js} +5 -4
- package/dist/portfolio/sections/SpeedComparisonSection.js.map +1 -0
- package/dist/portfolio/sections/StrategySection.cjs +233 -0
- package/dist/portfolio/sections/StrategySection.cjs.map +1 -0
- package/dist/portfolio/sections/StrategySection.d.cts +9 -0
- package/dist/portfolio/sections/StrategySection.d.ts +9 -0
- package/dist/{StrategySection-DI5RSCJU.js → portfolio/sections/StrategySection.js} +60 -26
- package/dist/portfolio/sections/StrategySection.js.map +1 -0
- package/dist/portfolio/sections/TeamSection.cjs +162 -0
- package/dist/portfolio/sections/TeamSection.cjs.map +1 -0
- package/dist/portfolio/sections/TeamSection.d.cts +9 -0
- package/dist/portfolio/sections/TeamSection.d.ts +9 -0
- package/dist/portfolio/sections/TeamSection.js +106 -0
- package/dist/portfolio/sections/TeamSection.js.map +1 -0
- package/dist/portfolio/sections/TechStackSection.cjs +106 -0
- package/dist/portfolio/sections/TechStackSection.cjs.map +1 -0
- package/dist/portfolio/sections/TechStackSection.d.cts +9 -0
- package/dist/portfolio/sections/TechStackSection.d.ts +9 -0
- package/dist/portfolio/sections/TechStackSection.js +99 -0
- package/dist/portfolio/sections/TechStackSection.js.map +1 -0
- package/dist/{TestimonialSection-XPTFUQIN.cjs → portfolio/sections/TestimonialSection.cjs} +47 -28
- package/dist/portfolio/sections/TestimonialSection.cjs.map +1 -0
- package/dist/portfolio/sections/TestimonialSection.d.cts +9 -0
- package/dist/portfolio/sections/TestimonialSection.d.ts +9 -0
- package/dist/{TestimonialSection-6RGSMXQB.js → portfolio/sections/TestimonialSection.js} +40 -27
- package/dist/portfolio/sections/TestimonialSection.js.map +1 -0
- package/dist/portfolio/sections/VideoSection.cjs +181 -0
- package/dist/portfolio/sections/VideoSection.cjs.map +1 -0
- package/dist/portfolio/sections/VideoSection.d.cts +9 -0
- package/dist/portfolio/sections/VideoSection.d.ts +9 -0
- package/dist/{VideoSection-4A2HC6K6.js → portfolio/sections/VideoSection.js} +21 -13
- package/dist/portfolio/sections/VideoSection.js.map +1 -0
- package/dist/portfolio/server.cjs +56 -144
- package/dist/portfolio/server.cjs.map +1 -1
- package/dist/portfolio/server.d.cts +157 -7
- package/dist/portfolio/server.d.ts +157 -7
- package/dist/portfolio/server.js +3 -142
- package/dist/portfolio/server.js.map +1 -1
- package/dist/preview.cjs +56 -0
- package/dist/preview.cjs.map +1 -0
- package/dist/preview.d.cts +31 -0
- package/dist/preview.d.ts +31 -0
- package/dist/preview.js +54 -0
- package/dist/preview.js.map +1 -0
- package/dist/{types-DL4t_Cfa.d.ts → types-0tVPy4pU.d.cts} +7 -1
- package/dist/{types-DL4t_Cfa.d.cts → types-0tVPy4pU.d.ts} +7 -1
- package/dist/types-D0nb6KAx.d.cts +299 -0
- package/dist/types-D0nb6KAx.d.ts +299 -0
- package/package.json +38 -14
- package/templates/api-portfolio-preview.ts +6 -0
- package/templates/api-revalidate.ts +5 -0
- package/templates/work-category-page.tsx +40 -0
- package/templates/work-error.tsx +3 -0
- package/templates/work-loading.tsx +1 -0
- package/templates/work-page.tsx +37 -0
- package/templates/work-slug-loading.tsx +1 -0
- package/templates/work-slug-page.tsx +41 -0
- package/dist/BeforeAfterSection-6BHFLY4Y.js.map +0 -1
- package/dist/BeforeAfterSection-JTORBR3A.cjs +0 -181
- package/dist/BeforeAfterSection-JTORBR3A.cjs.map +0 -1
- package/dist/CTASection-4JKLXEUF.cjs +0 -111
- package/dist/CTASection-4JKLXEUF.cjs.map +0 -1
- package/dist/CTASection-BJA72XIL.js +0 -106
- package/dist/CTASection-BJA72XIL.js.map +0 -1
- package/dist/ChallengesSection-GEQGVSJN.js.map +0 -1
- package/dist/ChallengesSection-IZ3DHECS.cjs.map +0 -1
- package/dist/ConversionFunnelSection-AUUSJ5HQ.cjs +0 -209
- package/dist/ConversionFunnelSection-AUUSJ5HQ.cjs.map +0 -1
- package/dist/ConversionFunnelSection-D3GE4NKE.js.map +0 -1
- package/dist/DesignSystemSection-2R5BRBGO.js.map +0 -1
- package/dist/DesignSystemSection-KXIQXITF.cjs.map +0 -1
- package/dist/DetailsSection-A6PZQUQL.js.map +0 -1
- package/dist/DetailsSection-TTUZAPZZ.cjs.map +0 -1
- package/dist/FeatureSpotlightSection-B7P3JGNL.js.map +0 -1
- package/dist/FeatureSpotlightSection-WRHXS7TU.cjs +0 -210
- package/dist/FeatureSpotlightSection-WRHXS7TU.cjs.map +0 -1
- package/dist/GallerySection-VMKORC47.js.map +0 -1
- package/dist/GallerySection-WJ4PQDBI.cjs +0 -219
- package/dist/GallerySection-WJ4PQDBI.cjs.map +0 -1
- package/dist/MetricsTimelineSection-4L6DUHJ5.cjs.map +0 -1
- package/dist/MetricsTimelineSection-6BT5GNFV.js.map +0 -1
- package/dist/PerformanceSection-24TVVFZA.cjs.map +0 -1
- package/dist/PerformanceSection-MGCEIXDX.js.map +0 -1
- package/dist/ResultsSection-DFUJ5U6M.js.map +0 -1
- package/dist/ResultsSection-XLGMMQKY.cjs.map +0 -1
- package/dist/ServicesSection-D5V3Q4GR.js +0 -118
- package/dist/ServicesSection-D5V3Q4GR.js.map +0 -1
- package/dist/ServicesSection-WJMGK2MF.cjs +0 -120
- package/dist/ServicesSection-WJMGK2MF.cjs.map +0 -1
- package/dist/SiteArchitectureSection-J7BPBERH.cjs.map +0 -1
- package/dist/SiteArchitectureSection-TE22OAWV.js.map +0 -1
- package/dist/SpeedComparisonSection-EZKFQVGW.cjs.map +0 -1
- package/dist/SpeedComparisonSection-Y3K7OFZQ.js.map +0 -1
- package/dist/StrategySection-CJ7Y6OFQ.cjs +0 -174
- package/dist/StrategySection-CJ7Y6OFQ.cjs.map +0 -1
- package/dist/StrategySection-DI5RSCJU.js.map +0 -1
- package/dist/TeamSection-DZVSNZE6.cjs +0 -112
- package/dist/TeamSection-DZVSNZE6.cjs.map +0 -1
- package/dist/TeamSection-HGKFW6PQ.js +0 -107
- package/dist/TeamSection-HGKFW6PQ.js.map +0 -1
- package/dist/TechStackSection-2AQ7RGY3.js +0 -93
- package/dist/TechStackSection-2AQ7RGY3.js.map +0 -1
- package/dist/TechStackSection-VTNNZR5V.cjs +0 -95
- package/dist/TechStackSection-VTNNZR5V.cjs.map +0 -1
- package/dist/TestimonialSection-6RGSMXQB.js.map +0 -1
- package/dist/TestimonialSection-XPTFUQIN.cjs.map +0 -1
- package/dist/VideoSection-4A2HC6K6.js.map +0 -1
- package/dist/VideoSection-G3DFS7UH.cjs +0 -118
- package/dist/VideoSection-G3DFS7UH.cjs.map +0 -1
- package/dist/chunk-2Y4O3LWM.js +0 -53
- package/dist/chunk-2Y4O3LWM.js.map +0 -1
- package/dist/chunk-633UMQQH.cjs +0 -31
- package/dist/chunk-633UMQQH.cjs.map +0 -1
- package/dist/chunk-7CFFAKDM.js +0 -74
- package/dist/chunk-7CFFAKDM.js.map +0 -1
- package/dist/chunk-APG2QSMB.js +0 -131
- package/dist/chunk-APG2QSMB.js.map +0 -1
- package/dist/chunk-AVCH4LMG.cjs +0 -620
- package/dist/chunk-AVCH4LMG.cjs.map +0 -1
- package/dist/chunk-AYBUHRFS.js +0 -613
- package/dist/chunk-AYBUHRFS.js.map +0 -1
- package/dist/chunk-EE75WRCM.cjs.map +0 -1
- package/dist/chunk-IKBK7HYX.cjs +0 -79
- package/dist/chunk-IKBK7HYX.cjs.map +0 -1
- package/dist/chunk-KEOHORIH.cjs +0 -79
- package/dist/chunk-KEOHORIH.cjs.map +0 -1
- package/dist/chunk-OA5ZM4OA.cjs +0 -139
- package/dist/chunk-OA5ZM4OA.cjs.map +0 -1
- package/dist/chunk-TVFXN6W6.js.map +0 -1
- package/dist/chunk-VVTK4OL6.js +0 -28
- package/dist/chunk-VVTK4OL6.js.map +0 -1
- package/dist/chunk-XCKXHK44.js +0 -15
- package/dist/chunk-XCKXHK44.js.map +0 -1
- package/dist/chunk-XONXEFJY.cjs +0 -58
- package/dist/chunk-XONXEFJY.cjs.map +0 -1
- package/dist/chunk-XQNJED46.cjs +0 -19
- package/dist/chunk-XQNJED46.cjs.map +0 -1
- package/dist/chunk-YB4B3OMC.js +0 -74
- package/dist/chunk-YB4B3OMC.js.map +0 -1
- package/dist/portfolio/sections.cjs +0 -20
- package/dist/portfolio/sections.cjs.map +0 -1
- package/dist/portfolio/sections.d.cts +0 -42
- package/dist/portfolio/sections.d.ts +0 -42
- package/dist/portfolio/sections.js +0 -4
- package/dist/portfolio/sections.js.map +0 -1
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
|
|
4
|
-
var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
|
|
7
|
-
function TechStackSection({ data }) {
|
|
8
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
-
"section",
|
|
10
|
-
{
|
|
11
|
-
className: "w-full py-20 md:py-28",
|
|
12
|
-
style: { background: "var(--sk-bg, #0a0a0a)" },
|
|
13
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-5xl mx-auto px-6", children: [
|
|
14
|
-
/* @__PURE__ */ jsxRuntime.jsxs(chunkIKBK7HYX_cjs.ScrollReveal, { y: 30, children: [
|
|
15
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
16
|
-
"h2",
|
|
17
|
-
{
|
|
18
|
-
className: "text-3xl md:text-4xl font-bold mb-4",
|
|
19
|
-
style: {
|
|
20
|
-
color: "var(--sk-text-primary, #ffffff)",
|
|
21
|
-
fontFamily: "var(--sk-font-heading, inherit)"
|
|
22
|
-
},
|
|
23
|
-
children: "Tech Stack"
|
|
24
|
-
}
|
|
25
|
-
),
|
|
26
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
27
|
-
"p",
|
|
28
|
-
{
|
|
29
|
-
className: "text-lg mb-12 max-w-2xl",
|
|
30
|
-
style: { color: "var(--sk-text-secondary, #a1a1aa)" },
|
|
31
|
-
children: "The technologies and tools powering this project."
|
|
32
|
-
}
|
|
33
|
-
)
|
|
34
|
-
] }),
|
|
35
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-3 gap-4", children: data.technologies.map((tech, ti) => /* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 20, delay: ti * 0.05, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKEOHORIH_cjs.GlassCard, { padding: "md", hover: true, className: "flex items-start gap-3 h-full", children: [
|
|
36
|
-
tech.icon ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
37
|
-
"img",
|
|
38
|
-
{
|
|
39
|
-
src: tech.icon,
|
|
40
|
-
alt: tech.name,
|
|
41
|
-
width: 28,
|
|
42
|
-
height: 28,
|
|
43
|
-
className: "w-7 h-7 object-contain shrink-0 mt-0.5"
|
|
44
|
-
}
|
|
45
|
-
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
46
|
-
"div",
|
|
47
|
-
{
|
|
48
|
-
className: "w-7 h-7 rounded-md flex items-center justify-center text-xs font-bold shrink-0 mt-0.5",
|
|
49
|
-
style: {
|
|
50
|
-
background: "color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)",
|
|
51
|
-
color: "var(--sk-primary, #6366f1)"
|
|
52
|
-
},
|
|
53
|
-
children: tech.name.charAt(0)
|
|
54
|
-
}
|
|
55
|
-
),
|
|
56
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
|
|
57
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-0.5", children: [
|
|
58
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
59
|
-
"span",
|
|
60
|
-
{
|
|
61
|
-
className: "text-sm font-semibold",
|
|
62
|
-
style: { color: "var(--sk-text-primary, #ffffff)" },
|
|
63
|
-
children: tech.name
|
|
64
|
-
}
|
|
65
|
-
),
|
|
66
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
67
|
-
"span",
|
|
68
|
-
{
|
|
69
|
-
className: "text-[10px] font-medium uppercase tracking-wider px-1.5 py-0.5 rounded",
|
|
70
|
-
style: {
|
|
71
|
-
background: "color-mix(in srgb, var(--sk-primary, #6366f1) 10%, transparent)",
|
|
72
|
-
color: "var(--sk-primary, #6366f1)"
|
|
73
|
-
},
|
|
74
|
-
children: tech.category
|
|
75
|
-
}
|
|
76
|
-
)
|
|
77
|
-
] }),
|
|
78
|
-
tech.description && /* @__PURE__ */ jsxRuntime.jsx(
|
|
79
|
-
"p",
|
|
80
|
-
{
|
|
81
|
-
className: "text-xs leading-relaxed",
|
|
82
|
-
style: { color: "var(--sk-text-tertiary, #71717a)" },
|
|
83
|
-
children: tech.description
|
|
84
|
-
}
|
|
85
|
-
)
|
|
86
|
-
] })
|
|
87
|
-
] }) }, ti)) })
|
|
88
|
-
] })
|
|
89
|
-
}
|
|
90
|
-
);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
module.exports = TechStackSection;
|
|
94
|
-
//# sourceMappingURL=TechStackSection-VTNNZR5V.cjs.map
|
|
95
|
-
//# sourceMappingURL=TechStackSection-VTNNZR5V.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/portfolio/components/sections/TechStackSection.tsx"],"names":["jsx","jsxs","ScrollReveal","GlassCard"],"mappings":"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","file":"TechStackSection-VTNNZR5V.cjs","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioTechStackData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TechStackSectionProps {\n data: PortfolioTechStackData;\n}\n\nexport default function TechStackSection({ data }: TechStackSectionProps) {\n\n return (\n <section\n className=\"w-full py-20 md:py-28\"\n style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n >\n <div className=\"max-w-5xl mx-auto px-6\">\n <ScrollReveal y={30}>\n <h2\n className=\"text-3xl md:text-4xl font-bold mb-4\"\n style={{\n color: 'var(--sk-text-primary, #ffffff)',\n fontFamily: 'var(--sk-font-heading, inherit)',\n }}\n >\n Tech Stack\n </h2>\n <p\n className=\"text-lg mb-12 max-w-2xl\"\n style={{ color: 'var(--sk-text-secondary, #a1a1aa)' }}\n >\n The technologies and tools powering this project.\n </p>\n </ScrollReveal>\n\n {/* All technologies in a 2-3 column grid — never single column */}\n <div className=\"grid grid-cols-2 lg:grid-cols-3 gap-4\">\n {data.technologies.map((tech, ti) => (\n <ScrollReveal key={ti} y={20} delay={ti * 0.05}>\n <GlassCard padding=\"md\" hover className=\"flex items-start gap-3 h-full\">\n {tech.icon ? (\n <img\n src={tech.icon}\n alt={tech.name}\n width={28}\n height={28}\n className=\"w-7 h-7 object-contain shrink-0 mt-0.5\"\n />\n ) : (\n <div\n className=\"w-7 h-7 rounded-md flex items-center justify-center text-xs font-bold shrink-0 mt-0.5\"\n style={{\n background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 15%, transparent)',\n color: 'var(--sk-primary, #6366f1)',\n }}\n >\n {tech.name.charAt(0)}\n </div>\n )}\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-2 mb-0.5\">\n <span\n className=\"text-sm font-semibold\"\n style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n >\n {tech.name}\n </span>\n <span\n className=\"text-[10px] font-medium uppercase tracking-wider px-1.5 py-0.5 rounded\"\n style={{\n background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 10%, transparent)',\n color: 'var(--sk-primary, #6366f1)',\n }}\n >\n {tech.category}\n </span>\n </div>\n {tech.description && (\n <p\n className=\"text-xs leading-relaxed\"\n style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n >\n {tech.description}\n </p>\n )}\n </div>\n </GlassCard>\n </ScrollReveal>\n ))}\n </div>\n </div>\n </section>\n );\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/portfolio/components/sections/TestimonialSection.tsx"],"names":[],"mappings":"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","file":"TestimonialSection-6RGSMXQB.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioTestimonialData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TestimonialSectionProps {\n data: PortfolioTestimonialData;\n}\n\nfunction StarRating({ rating }: { rating: number }) {\n return (\n <div className=\"flex items-center gap-1\">\n {Array.from({ length: 5 }).map((_, i) => (\n <svg\n key={i}\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill={i < rating ? 'var(--sk-primary, #6366f1)' : 'none'}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10 1.667l2.575 5.216 5.758.84-4.166 4.06.983 5.734L10 14.808l-5.15 2.709.983-5.734-4.166-4.06 5.758-.84L10 1.667z\"\n stroke={i < rating ? 'var(--sk-primary, #6366f1)' : 'var(--sk-text-tertiary, #71717a)'}\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n ))}\n </div>\n );\n}\n\nexport default function TestimonialSection({ data }: TestimonialSectionProps) {\n const avatarUrl = data.avatar?.asset?._ref;\n\n return (\n <section\n className=\"w-full py-20 md:py-28\"\n style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n >\n <div className=\"max-w-4xl mx-auto px-6\">\n <ScrollReveal y={30} duration={1}>\n <GlassCard padding=\"lg\" hover={false} className=\"text-center\">\n <div className=\"flex flex-col items-center gap-6 py-8 px-4 md:px-12\">\n {/* Quote icon */}\n <svg\n width=\"48\"\n height=\"48\"\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ color: 'var(--sk-primary, #6366f1)', opacity: 0.4 }}\n >\n <path\n d=\"M14 28c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6zm20 0c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6z\"\n fill=\"currentColor\"\n />\n </svg>\n\n {/* Quote text */}\n <blockquote\n className=\"text-xl md:text-2xl lg:text-3xl font-medium leading-relaxed italic\"\n style={{\n color: 'var(--sk-text-primary, #ffffff)',\n fontFamily: 'var(--sk-font-heading, inherit)',\n }}\n >\n “{data.quote}”\n </blockquote>\n\n {/* Rating */}\n {data.rating !== undefined && data.rating > 0 && (\n <StarRating rating={data.rating} />\n )}\n\n {/* Author */}\n <div className=\"flex items-center gap-4 mt-2\">\n {avatarUrl ? (\n <img\n src={avatarUrl}\n alt={data.author}\n className=\"w-12 h-12 rounded-full object-cover\"\n style={{\n border: '2px solid var(--sk-border, rgba(255,255,255,0.1))',\n }}\n />\n ) : (\n <div\n className=\"flex items-center justify-center w-12 h-12 rounded-full text-sm font-bold\"\n style={{\n background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)',\n color: 'var(--sk-primary, #6366f1)',\n }}\n >\n {data.author\n .split(' ')\n .map((w) => w[0])\n .join('')\n .slice(0, 2)\n .toUpperCase()}\n </div>\n )}\n <div className=\"text-left\">\n <div\n className=\"font-semibold\"\n style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n >\n {data.author}\n </div>\n <div\n className=\"text-sm\"\n style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n >\n {data.title}, {data.company}\n </div>\n </div>\n </div>\n </div>\n </GlassCard>\n </ScrollReveal>\n </div>\n </section>\n );\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/portfolio/components/sections/TestimonialSection.tsx"],"names":["jsx","ScrollReveal","GlassCard","jsxs"],"mappings":"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","file":"TestimonialSection-XPTFUQIN.cjs","sourcesContent":["'use client';\n\nimport React from 'react';\nimport type { PortfolioTestimonialData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface TestimonialSectionProps {\n data: PortfolioTestimonialData;\n}\n\nfunction StarRating({ rating }: { rating: number }) {\n return (\n <div className=\"flex items-center gap-1\">\n {Array.from({ length: 5 }).map((_, i) => (\n <svg\n key={i}\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill={i < rating ? 'var(--sk-primary, #6366f1)' : 'none'}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10 1.667l2.575 5.216 5.758.84-4.166 4.06.983 5.734L10 14.808l-5.15 2.709.983-5.734-4.166-4.06 5.758-.84L10 1.667z\"\n stroke={i < rating ? 'var(--sk-primary, #6366f1)' : 'var(--sk-text-tertiary, #71717a)'}\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n ))}\n </div>\n );\n}\n\nexport default function TestimonialSection({ data }: TestimonialSectionProps) {\n const avatarUrl = data.avatar?.asset?._ref;\n\n return (\n <section\n className=\"w-full py-20 md:py-28\"\n style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n >\n <div className=\"max-w-4xl mx-auto px-6\">\n <ScrollReveal y={30} duration={1}>\n <GlassCard padding=\"lg\" hover={false} className=\"text-center\">\n <div className=\"flex flex-col items-center gap-6 py-8 px-4 md:px-12\">\n {/* Quote icon */}\n <svg\n width=\"48\"\n height=\"48\"\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ color: 'var(--sk-primary, #6366f1)', opacity: 0.4 }}\n >\n <path\n d=\"M14 28c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6zm20 0c-3.314 0-6-2.686-6-6 0-6.627 5.373-12 12-12v4c-4.418 0-8 3.582-8 8h2c3.314 0 6 2.686 6 6s-2.686 6-6 6z\"\n fill=\"currentColor\"\n />\n </svg>\n\n {/* Quote text */}\n <blockquote\n className=\"text-xl md:text-2xl lg:text-3xl font-medium leading-relaxed italic\"\n style={{\n color: 'var(--sk-text-primary, #ffffff)',\n fontFamily: 'var(--sk-font-heading, inherit)',\n }}\n >\n “{data.quote}”\n </blockquote>\n\n {/* Rating */}\n {data.rating !== undefined && data.rating > 0 && (\n <StarRating rating={data.rating} />\n )}\n\n {/* Author */}\n <div className=\"flex items-center gap-4 mt-2\">\n {avatarUrl ? (\n <img\n src={avatarUrl}\n alt={data.author}\n className=\"w-12 h-12 rounded-full object-cover\"\n style={{\n border: '2px solid var(--sk-border, rgba(255,255,255,0.1))',\n }}\n />\n ) : (\n <div\n className=\"flex items-center justify-center w-12 h-12 rounded-full text-sm font-bold\"\n style={{\n background: 'color-mix(in srgb, var(--sk-primary, #6366f1) 20%, transparent)',\n color: 'var(--sk-primary, #6366f1)',\n }}\n >\n {data.author\n .split(' ')\n .map((w) => w[0])\n .join('')\n .slice(0, 2)\n .toUpperCase()}\n </div>\n )}\n <div className=\"text-left\">\n <div\n className=\"font-semibold\"\n style={{ color: 'var(--sk-text-primary, #ffffff)' }}\n >\n {data.author}\n </div>\n <div\n className=\"text-sm\"\n style={{ color: 'var(--sk-text-tertiary, #71717a)' }}\n >\n {data.title}, {data.company}\n </div>\n </div>\n </div>\n </div>\n </GlassCard>\n </ScrollReveal>\n </div>\n </section>\n );\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/portfolio/components/sections/VideoSection.tsx"],"names":[],"mappings":"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","file":"VideoSection-4A2HC6K6.js","sourcesContent":["'use client';\n\nimport React, { useState, useCallback } from 'react';\nimport type { PortfolioVideoData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface VideoSectionProps {\n data: PortfolioVideoData;\n}\n\nfunction getEmbedUrl(data: PortfolioVideoData): string {\n if (data.embedUrl) return data.embedUrl;\n if (!data.url) return '';\n\n // Parse YouTube URLs\n const ytMatch = data.url.match(\n /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/,\n );\n if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;\n\n // Parse Vimeo URLs\n const vimeoMatch = data.url.match(/vimeo\\.com\\/(\\d+)/);\n if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;\n\n return data.url;\n}\n\nexport default function VideoSection({ data }: VideoSectionProps) {\n const [playing, setPlaying] = useState(false);\n\n const thumbnailUrl = data.thumbnail?.asset?._ref || '';\n const embedUrl = getEmbedUrl(data);\n\n const handlePlay = useCallback(() => {\n if (embedUrl) setPlaying(true);\n }, [embedUrl]);\n\n return (\n <section\n className=\"w-full py-20 md:py-28\"\n style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n >\n <div className=\"max-w-5xl mx-auto px-6\">\n <ScrollReveal y={30}>\n <h2\n className=\"text-3xl md:text-4xl font-bold mb-4\"\n style={{\n color: 'var(--sk-text-primary, #ffffff)',\n fontFamily: 'var(--sk-font-heading, inherit)',\n }}\n >\n {data.title}\n </h2>\n </ScrollReveal>\n\n <ScrollReveal y={40} delay={0.15}>\n <GlassCard padding=\"sm\" hover={false}>\n <div className=\"relative w-full overflow-hidden rounded-xl\" style={{ aspectRatio: '16/9' }}>\n {playing ? (\n <iframe\n src={embedUrl}\n className=\"absolute inset-0 w-full h-full\"\n allow=\"autoplay; fullscreen; picture-in-picture\"\n allowFullScreen\n title={data.title}\n style={{ border: 'none' }}\n />\n ) : (\n <button\n onClick={handlePlay}\n className=\"absolute inset-0 w-full h-full group cursor-pointer\"\n aria-label={`Play ${data.title}`}\n >\n {/* Thumbnail */}\n {thumbnailUrl && (\n <img\n src={thumbnailUrl}\n alt={data.title}\n className=\"w-full h-full object-cover\"\n />\n )}\n\n {/* Dark overlay */}\n <div\n className=\"absolute inset-0 transition-opacity duration-300 group-hover:opacity-60\"\n style={{ background: 'rgba(0,0,0,0.4)', opacity: 0.5 }}\n />\n\n {/* Play button */}\n <div className=\"absolute inset-0 flex items-center justify-center\">\n <div\n className=\"flex items-center justify-center w-20 h-20 rounded-full transition-transform duration-300 group-hover:scale-110\"\n style={{\n background: 'var(--sk-primary, #6366f1)',\n boxShadow: '0 8px 32px color-mix(in srgb, var(--sk-primary, #6366f1) 40%, transparent)',\n }}\n >\n <svg\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M12 8l14 8-14 8V8z\" fill=\"#ffffff\" />\n </svg>\n </div>\n </div>\n\n {/* Duration badge */}\n {data.duration && (\n <span\n className=\"absolute bottom-4 right-4 px-3 py-1 rounded-lg text-xs font-medium\"\n style={{\n background: 'rgba(0,0,0,0.6)',\n color: '#ffffff',\n backdropFilter: 'blur(4px)',\n }}\n >\n {data.duration}\n </span>\n )}\n </button>\n )}\n </div>\n </GlassCard>\n </ScrollReveal>\n </div>\n </section>\n );\n}\n"]}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkKEOHORIH_cjs = require('./chunk-KEOHORIH.cjs');
|
|
4
|
-
var chunkIKBK7HYX_cjs = require('./chunk-IKBK7HYX.cjs');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
function getEmbedUrl(data) {
|
|
9
|
-
if (data.embedUrl) return data.embedUrl;
|
|
10
|
-
if (!data.url) return "";
|
|
11
|
-
const ytMatch = data.url.match(
|
|
12
|
-
/(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
|
|
13
|
-
);
|
|
14
|
-
if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;
|
|
15
|
-
const vimeoMatch = data.url.match(/vimeo\.com\/(\d+)/);
|
|
16
|
-
if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;
|
|
17
|
-
return data.url;
|
|
18
|
-
}
|
|
19
|
-
function VideoSection({ data }) {
|
|
20
|
-
const [playing, setPlaying] = react.useState(false);
|
|
21
|
-
const thumbnailUrl = data.thumbnail?.asset?._ref || "";
|
|
22
|
-
const embedUrl = getEmbedUrl(data);
|
|
23
|
-
const handlePlay = react.useCallback(() => {
|
|
24
|
-
if (embedUrl) setPlaying(true);
|
|
25
|
-
}, [embedUrl]);
|
|
26
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
27
|
-
"section",
|
|
28
|
-
{
|
|
29
|
-
className: "w-full py-20 md:py-28",
|
|
30
|
-
style: { background: "var(--sk-bg, #0a0a0a)" },
|
|
31
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-5xl mx-auto px-6", children: [
|
|
32
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 30, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
-
"h2",
|
|
34
|
-
{
|
|
35
|
-
className: "text-3xl md:text-4xl font-bold mb-4",
|
|
36
|
-
style: {
|
|
37
|
-
color: "var(--sk-text-primary, #ffffff)",
|
|
38
|
-
fontFamily: "var(--sk-font-heading, inherit)"
|
|
39
|
-
},
|
|
40
|
-
children: data.title
|
|
41
|
-
}
|
|
42
|
-
) }),
|
|
43
|
-
/* @__PURE__ */ jsxRuntime.jsx(chunkIKBK7HYX_cjs.ScrollReveal, { y: 40, delay: 0.15, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKEOHORIH_cjs.GlassCard, { padding: "sm", hover: false, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-hidden rounded-xl", style: { aspectRatio: "16/9" }, children: playing ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
44
|
-
"iframe",
|
|
45
|
-
{
|
|
46
|
-
src: embedUrl,
|
|
47
|
-
className: "absolute inset-0 w-full h-full",
|
|
48
|
-
allow: "autoplay; fullscreen; picture-in-picture",
|
|
49
|
-
allowFullScreen: true,
|
|
50
|
-
title: data.title,
|
|
51
|
-
style: { border: "none" }
|
|
52
|
-
}
|
|
53
|
-
) : /* @__PURE__ */ jsxRuntime.jsxs(
|
|
54
|
-
"button",
|
|
55
|
-
{
|
|
56
|
-
onClick: handlePlay,
|
|
57
|
-
className: "absolute inset-0 w-full h-full group cursor-pointer",
|
|
58
|
-
"aria-label": `Play ${data.title}`,
|
|
59
|
-
children: [
|
|
60
|
-
thumbnailUrl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
61
|
-
"img",
|
|
62
|
-
{
|
|
63
|
-
src: thumbnailUrl,
|
|
64
|
-
alt: data.title,
|
|
65
|
-
className: "w-full h-full object-cover"
|
|
66
|
-
}
|
|
67
|
-
),
|
|
68
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
69
|
-
"div",
|
|
70
|
-
{
|
|
71
|
-
className: "absolute inset-0 transition-opacity duration-300 group-hover:opacity-60",
|
|
72
|
-
style: { background: "rgba(0,0,0,0.4)", opacity: 0.5 }
|
|
73
|
-
}
|
|
74
|
-
),
|
|
75
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
76
|
-
"div",
|
|
77
|
-
{
|
|
78
|
-
className: "flex items-center justify-center w-20 h-20 rounded-full transition-transform duration-300 group-hover:scale-110",
|
|
79
|
-
style: {
|
|
80
|
-
background: "var(--sk-primary, #6366f1)",
|
|
81
|
-
boxShadow: "0 8px 32px color-mix(in srgb, var(--sk-primary, #6366f1) 40%, transparent)"
|
|
82
|
-
},
|
|
83
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
84
|
-
"svg",
|
|
85
|
-
{
|
|
86
|
-
width: "32",
|
|
87
|
-
height: "32",
|
|
88
|
-
viewBox: "0 0 32 32",
|
|
89
|
-
fill: "none",
|
|
90
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
91
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8l14 8-14 8V8z", fill: "#ffffff" })
|
|
92
|
-
}
|
|
93
|
-
)
|
|
94
|
-
}
|
|
95
|
-
) }),
|
|
96
|
-
data.duration && /* @__PURE__ */ jsxRuntime.jsx(
|
|
97
|
-
"span",
|
|
98
|
-
{
|
|
99
|
-
className: "absolute bottom-4 right-4 px-3 py-1 rounded-lg text-xs font-medium",
|
|
100
|
-
style: {
|
|
101
|
-
background: "rgba(0,0,0,0.6)",
|
|
102
|
-
color: "#ffffff",
|
|
103
|
-
backdropFilter: "blur(4px)"
|
|
104
|
-
},
|
|
105
|
-
children: data.duration
|
|
106
|
-
}
|
|
107
|
-
)
|
|
108
|
-
]
|
|
109
|
-
}
|
|
110
|
-
) }) }) })
|
|
111
|
-
] })
|
|
112
|
-
}
|
|
113
|
-
);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
module.exports = VideoSection;
|
|
117
|
-
//# sourceMappingURL=VideoSection-G3DFS7UH.cjs.map
|
|
118
|
-
//# sourceMappingURL=VideoSection-G3DFS7UH.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/portfolio/components/sections/VideoSection.tsx"],"names":["useState","useCallback","jsx","jsxs","ScrollReveal","GlassCard"],"mappings":";;;;;;;AAWA,SAAS,YAAY,IAAA,EAAkC;AACrD,EAAA,IAAI,IAAA,CAAK,QAAA,EAAU,OAAO,IAAA,CAAK,QAAA;AAC/B,EAAA,IAAI,CAAC,IAAA,CAAK,GAAA,EAAK,OAAO,EAAA;AAGtB,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,KAAA;AAAA,IACvB;AAAA,GACF;AACA,EAAA,IAAI,OAAA,EAAS,OAAO,CAAA,8BAAA,EAAiC,OAAA,CAAQ,CAAC,CAAC,CAAA,WAAA,CAAA;AAG/D,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,mBAAmB,CAAA;AACrD,EAAA,IAAI,UAAA,EAAY,OAAO,CAAA,+BAAA,EAAkC,UAAA,CAAW,CAAC,CAAC,CAAA,WAAA,CAAA;AAEtE,EAAA,OAAO,IAAA,CAAK,GAAA;AACd;AAEe,SAAR,YAAA,CAA8B,EAAE,IAAA,EAAK,EAAsB;AAChE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,SAAA,EAAW,KAAA,EAAO,IAAA,IAAQ,EAAA;AACpD,EAAA,MAAM,QAAA,GAAW,YAAY,IAAI,CAAA;AAEjC,EAAA,MAAM,UAAA,GAAaC,kBAAY,MAAM;AACnC,IAAA,IAAI,QAAA,aAAqB,IAAI,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,uBACEC,cAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,uBAAA;AAAA,MACV,KAAA,EAAO,EAAE,UAAA,EAAY,uBAAA,EAAwB;AAAA,MAE7C,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACE,8BAAA,EAAA,EAAa,GAAG,EAAA,EACf,QAAA,kBAAAF,cAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,iCAAA;AAAA,cACP,UAAA,EAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,SACR,EACF,CAAA;AAAA,wBAEAA,cAAA,CAACE,kCAAa,CAAA,EAAG,EAAA,EAAI,OAAO,IAAA,EAC1B,QAAA,kBAAAF,cAAA,CAACG,+BAAU,OAAA,EAAQ,IAAA,EAAK,OAAO,KAAA,EAC7B,QAAA,kBAAAH,cAAA,CAAC,SAAI,SAAA,EAAU,4CAAA,EAA6C,OAAO,EAAE,WAAA,EAAa,MAAA,EAAO,EACtF,QAAA,EAAA,OAAA,mBACCA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,gCAAA;AAAA,YACV,KAAA,EAAM,0CAAA;AAAA,YACN,eAAA,EAAe,IAAA;AAAA,YACf,OAAO,IAAA,CAAK,KAAA;AAAA,YACZ,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAA;AAAO;AAAA,SAC1B,mBAEAC,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,UAAA;AAAA,YACT,SAAA,EAAU,qDAAA;AAAA,YACV,YAAA,EAAY,CAAA,KAAA,EAAQ,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,YAG7B,QAAA,EAAA;AAAA,cAAA,YAAA,oBACCD,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,GAAA,EAAK,YAAA;AAAA,kBACL,KAAK,IAAA,CAAK,KAAA;AAAA,kBACV,SAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BAIFA,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,yEAAA;AAAA,kBACV,KAAA,EAAO,EAAE,UAAA,EAAY,iBAAA,EAAmB,SAAS,GAAA;AAAI;AAAA,eACvD;AAAA,8BAGAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,iHAAA;AAAA,kBACV,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,4BAAA;AAAA,oBACZ,SAAA,EAAW;AAAA,mBACb;AAAA,kBAEA,QAAA,kBAAAA,cAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,KAAA,EAAM,IAAA;AAAA,sBACN,MAAA,EAAO,IAAA;AAAA,sBACP,OAAA,EAAQ,WAAA;AAAA,sBACR,IAAA,EAAK,MAAA;AAAA,sBACL,KAAA,EAAM,4BAAA;AAAA,sBAEN,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oBAAA,EAAqB,MAAK,SAAA,EAAU;AAAA;AAAA;AAC9C;AAAA,eACF,EACF,CAAA;AAAA,cAGC,KAAK,QAAA,oBACJA,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,oEAAA;AAAA,kBACV,KAAA,EAAO;AAAA,oBACL,UAAA,EAAY,iBAAA;AAAA,oBACZ,KAAA,EAAO,SAAA;AAAA,oBACP,cAAA,EAAgB;AAAA,mBAClB;AAAA,kBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR;AAAA;AAAA,SAEJ,EAEJ,GACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ","file":"VideoSection-G3DFS7UH.cjs","sourcesContent":["'use client';\n\nimport React, { useState, useCallback } from 'react';\nimport type { PortfolioVideoData } from '../../../types';\nimport ScrollReveal from '../primitives/ScrollReveal';\nimport GlassCard from '../primitives/GlassCard';\n\ninterface VideoSectionProps {\n data: PortfolioVideoData;\n}\n\nfunction getEmbedUrl(data: PortfolioVideoData): string {\n if (data.embedUrl) return data.embedUrl;\n if (!data.url) return '';\n\n // Parse YouTube URLs\n const ytMatch = data.url.match(\n /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/,\n );\n if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}?autoplay=1`;\n\n // Parse Vimeo URLs\n const vimeoMatch = data.url.match(/vimeo\\.com\\/(\\d+)/);\n if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1`;\n\n return data.url;\n}\n\nexport default function VideoSection({ data }: VideoSectionProps) {\n const [playing, setPlaying] = useState(false);\n\n const thumbnailUrl = data.thumbnail?.asset?._ref || '';\n const embedUrl = getEmbedUrl(data);\n\n const handlePlay = useCallback(() => {\n if (embedUrl) setPlaying(true);\n }, [embedUrl]);\n\n return (\n <section\n className=\"w-full py-20 md:py-28\"\n style={{ background: 'var(--sk-bg, #0a0a0a)' }}\n >\n <div className=\"max-w-5xl mx-auto px-6\">\n <ScrollReveal y={30}>\n <h2\n className=\"text-3xl md:text-4xl font-bold mb-4\"\n style={{\n color: 'var(--sk-text-primary, #ffffff)',\n fontFamily: 'var(--sk-font-heading, inherit)',\n }}\n >\n {data.title}\n </h2>\n </ScrollReveal>\n\n <ScrollReveal y={40} delay={0.15}>\n <GlassCard padding=\"sm\" hover={false}>\n <div className=\"relative w-full overflow-hidden rounded-xl\" style={{ aspectRatio: '16/9' }}>\n {playing ? (\n <iframe\n src={embedUrl}\n className=\"absolute inset-0 w-full h-full\"\n allow=\"autoplay; fullscreen; picture-in-picture\"\n allowFullScreen\n title={data.title}\n style={{ border: 'none' }}\n />\n ) : (\n <button\n onClick={handlePlay}\n className=\"absolute inset-0 w-full h-full group cursor-pointer\"\n aria-label={`Play ${data.title}`}\n >\n {/* Thumbnail */}\n {thumbnailUrl && (\n <img\n src={thumbnailUrl}\n alt={data.title}\n className=\"w-full h-full object-cover\"\n />\n )}\n\n {/* Dark overlay */}\n <div\n className=\"absolute inset-0 transition-opacity duration-300 group-hover:opacity-60\"\n style={{ background: 'rgba(0,0,0,0.4)', opacity: 0.5 }}\n />\n\n {/* Play button */}\n <div className=\"absolute inset-0 flex items-center justify-center\">\n <div\n className=\"flex items-center justify-center w-20 h-20 rounded-full transition-transform duration-300 group-hover:scale-110\"\n style={{\n background: 'var(--sk-primary, #6366f1)',\n boxShadow: '0 8px 32px color-mix(in srgb, var(--sk-primary, #6366f1) 40%, transparent)',\n }}\n >\n <svg\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M12 8l14 8-14 8V8z\" fill=\"#ffffff\" />\n </svg>\n </div>\n </div>\n\n {/* Duration badge */}\n {data.duration && (\n <span\n className=\"absolute bottom-4 right-4 px-3 py-1 rounded-lg text-xs font-medium\"\n style={{\n background: 'rgba(0,0,0,0.6)',\n color: '#ffffff',\n backdropFilter: 'blur(4px)',\n }}\n >\n {data.duration}\n </span>\n )}\n </button>\n )}\n </div>\n </GlassCard>\n </ScrollReveal>\n </div>\n </section>\n );\n}\n"]}
|
package/dist/chunk-2Y4O3LWM.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { useRef, useState, useEffect } from 'react';
|
|
3
|
-
import gsap from 'gsap';
|
|
4
|
-
import { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
// src/portfolio/components/primitives/AnimatedCounter.tsx
|
|
8
|
-
function AnimatedCounter({
|
|
9
|
-
value,
|
|
10
|
-
suffix = "",
|
|
11
|
-
prefix = "",
|
|
12
|
-
duration = 2,
|
|
13
|
-
decimals = 0,
|
|
14
|
-
className,
|
|
15
|
-
once = true
|
|
16
|
-
}) {
|
|
17
|
-
const ref = useRef(null);
|
|
18
|
-
const [display, setDisplay] = useState(`${prefix}0${suffix}`);
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
gsap.registerPlugin(ScrollTrigger);
|
|
21
|
-
const el = ref.current;
|
|
22
|
-
if (!el) return;
|
|
23
|
-
const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
24
|
-
if (prefersReducedMotion) {
|
|
25
|
-
setDisplay(`${prefix}${value.toFixed(decimals)}${suffix}`);
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
const counter = { val: 0 };
|
|
29
|
-
const ctx = gsap.context(() => {
|
|
30
|
-
gsap.to(counter, {
|
|
31
|
-
val: value,
|
|
32
|
-
duration,
|
|
33
|
-
ease: "power2.out",
|
|
34
|
-
snap: decimals === 0 ? { val: 1 } : void 0,
|
|
35
|
-
scrollTrigger: {
|
|
36
|
-
trigger: el,
|
|
37
|
-
start: "top 85%",
|
|
38
|
-
toggleActions: once ? "play none none none" : "play reverse play reverse"
|
|
39
|
-
},
|
|
40
|
-
onUpdate() {
|
|
41
|
-
const formatted = decimals > 0 ? counter.val.toFixed(decimals) : Math.round(counter.val).toLocaleString();
|
|
42
|
-
setDisplay(`${prefix}${formatted}${suffix}`);
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}, el);
|
|
46
|
-
return () => ctx.revert();
|
|
47
|
-
}, [value, suffix, prefix, duration, decimals, once]);
|
|
48
|
-
return /* @__PURE__ */ jsx("span", { ref, className, children: display });
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
export { AnimatedCounter };
|
|
52
|
-
//# sourceMappingURL=chunk-2Y4O3LWM.js.map
|
|
53
|
-
//# sourceMappingURL=chunk-2Y4O3LWM.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/portfolio/components/primitives/AnimatedCounter.tsx"],"names":[],"mappings":";;;;;;AAgBe,SAAR,eAAA,CAAiC;AAAA,EACtC,KAAA;AAAA,EACA,MAAA,GAAS,EAAA;AAAA,EACT,MAAA,GAAS,EAAA;AAAA,EACT,QAAA,GAAW,CAAA;AAAA,EACX,QAAA,GAAW,CAAA;AAAA,EACX,SAAA;AAAA,EACA,IAAA,GAAO;AACT,CAAA,EAAyB;AACvB,EAAA,MAAM,GAAA,GAAM,OAAwB,IAAI,CAAA;AACxC,EAAA,MAAM,CAAC,SAAS,UAAU,CAAA,GAAI,SAAS,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,CAAA;AAE5D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CAAK,eAAe,aAAa,CAAA;AAEjC,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAGT,IAAA,MAAM,oBAAA,GAAuB,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AACnF,IAAA,IAAI,oBAAA,EAAsB;AACxB,MAAA,UAAA,CAAW,CAAA,EAAG,MAAM,CAAA,EAAG,KAAA,CAAM,QAAQ,QAAQ,CAAC,CAAA,EAAG,MAAM,CAAA,CAAE,CAAA;AACzD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,OAAA,GAAU,EAAE,GAAA,EAAK,CAAA,EAAE;AAEzB,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,OAAA,CAAQ,MAAM;AAC7B,MAAA,IAAA,CAAK,GAAG,OAAA,EAAS;AAAA,QACf,GAAA,EAAK,KAAA;AAAA,QACL,QAAA;AAAA,QACA,IAAA,EAAM,YAAA;AAAA,QACN,MAAM,QAAA,KAAa,CAAA,GAAI,EAAE,GAAA,EAAK,GAAE,GAAI,MAAA;AAAA,QACpC,aAAA,EAAe;AAAA,UACb,OAAA,EAAS,EAAA;AAAA,UACT,KAAA,EAAO,SAAA;AAAA,UACP,aAAA,EAAe,OAAO,qBAAA,GAAwB;AAAA,SAChD;AAAA,QACA,QAAA,GAAW;AACT,UAAA,MAAM,SAAA,GAAY,QAAA,GAAW,CAAA,GACzB,OAAA,CAAQ,GAAA,CAAI,OAAA,CAAQ,QAAQ,CAAA,GAC5B,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,EAAE,cAAA,EAAe;AAC3C,UAAA,UAAA,CAAW,GAAG,MAAM,CAAA,EAAG,SAAS,CAAA,EAAG,MAAM,CAAA,CAAE,CAAA;AAAA,QAC7C;AAAA,OACD,CAAA;AAAA,IACH,GAAG,EAAE,CAAA;AAEL,IAAA,OAAO,MAAM,IAAI,MAAA,EAAO;AAAA,EAC1B,CAAA,EAAG,CAAC,KAAA,EAAO,MAAA,EAAQ,QAAQ,QAAA,EAAU,QAAA,EAAU,IAAI,CAAC,CAAA;AAEpD,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAU,SAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ","file":"chunk-2Y4O3LWM.js","sourcesContent":["'use client';\n\nimport React, { useRef, useEffect, useState } from 'react';\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\ninterface AnimatedCounterProps {\n value: number;\n suffix?: string;\n prefix?: string;\n duration?: number;\n decimals?: number;\n className?: string;\n once?: boolean;\n}\n\nexport default function AnimatedCounter({\n value,\n suffix = '',\n prefix = '',\n duration = 2,\n decimals = 0,\n className,\n once = true,\n}: AnimatedCounterProps) {\n const ref = useRef<HTMLSpanElement>(null);\n const [display, setDisplay] = useState(`${prefix}0${suffix}`);\n\n useEffect(() => {\n gsap.registerPlugin(ScrollTrigger);\n\n const el = ref.current;\n if (!el) return;\n\n // Respect prefers-reduced-motion\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (prefersReducedMotion) {\n setDisplay(`${prefix}${value.toFixed(decimals)}${suffix}`);\n return;\n }\n\n const counter = { val: 0 };\n\n const ctx = gsap.context(() => {\n gsap.to(counter, {\n val: value,\n duration,\n ease: 'power2.out',\n snap: decimals === 0 ? { val: 1 } : undefined,\n scrollTrigger: {\n trigger: el,\n start: 'top 85%',\n toggleActions: once ? 'play none none none' : 'play reverse play reverse',\n },\n onUpdate() {\n const formatted = decimals > 0\n ? counter.val.toFixed(decimals)\n : Math.round(counter.val).toLocaleString();\n setDisplay(`${prefix}${formatted}${suffix}`);\n },\n });\n }, el);\n\n return () => ctx.revert();\n }, [value, suffix, prefix, duration, decimals, once]);\n\n return (\n <span ref={ref} className={className}>\n {display}\n </span>\n );\n}\n"]}
|
package/dist/chunk-633UMQQH.cjs
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
// src/portfolio/sanitize.ts
|
|
4
|
-
function humanizeArchPageEntry(page) {
|
|
5
|
-
const title = (page?.title || "").trim();
|
|
6
|
-
if (title && !title.startsWith("/")) return { title };
|
|
7
|
-
const source = title || (page?.path || "").trim();
|
|
8
|
-
const lastSegment = source.split(/[?#]/)[0].split("/").filter(Boolean).pop() || "";
|
|
9
|
-
const label = lastSegment.replace(/\.(html?|php|aspx?)$/i, "").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (c) => c.toUpperCase());
|
|
10
|
-
return { title: label || "Home" };
|
|
11
|
-
}
|
|
12
|
-
function sanitizeSiteArchitectureData(data) {
|
|
13
|
-
if (!data || !Array.isArray(data.groups)) return data;
|
|
14
|
-
return {
|
|
15
|
-
...data,
|
|
16
|
-
groups: data.groups.map((group) => ({
|
|
17
|
-
...group,
|
|
18
|
-
pages: Array.isArray(group.pages) ? group.pages.map(humanizeArchPageEntry) : []
|
|
19
|
-
}))
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
function sanitizePortfolioSections(sections) {
|
|
23
|
-
return sections.map(
|
|
24
|
-
(section) => section?.sectionType === "portfolioSiteArchitecture" ? { ...section, data: sanitizeSiteArchitectureData(section.data) } : section
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
exports.sanitizePortfolioSections = sanitizePortfolioSections;
|
|
29
|
-
exports.sanitizeSiteArchitectureData = sanitizeSiteArchitectureData;
|
|
30
|
-
//# sourceMappingURL=chunk-633UMQQH.cjs.map
|
|
31
|
-
//# sourceMappingURL=chunk-633UMQQH.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/portfolio/sanitize.ts"],"names":[],"mappings":";;;AAuBO,SAAS,sBAAsB,IAAA,EAAwC;AAC5E,EAAA,MAAM,KAAA,GAAA,CAAS,IAAA,EAAM,KAAA,IAAS,EAAA,EAAI,IAAA,EAAK;AACvC,EAAA,IAAI,KAAA,IAAS,CAAC,KAAA,CAAM,UAAA,CAAW,GAAG,CAAA,EAAG,OAAO,EAAE,KAAA,EAAM;AACpD,EAAA,MAAM,MAAA,GAAS,KAAA,IAAA,CAAU,IAAA,EAAM,IAAA,IAAQ,IAAI,IAAA,EAAK;AAChD,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,KAAA,CAAM,MAAM,EAAE,CAAC,CAAA,CAAE,KAAA,CAAM,GAAG,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,KAAI,IAAK,EAAA;AAChF,EAAA,MAAM,QAAQ,WAAA,CACX,OAAA,CAAQ,yBAAyB,EAAE,CAAA,CACnC,QAAQ,QAAA,EAAU,GAAG,CAAA,CACrB,IAAA,GACA,OAAA,CAAQ,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAC1C,EAAA,OAAO,EAAE,KAAA,EAAO,KAAA,IAAS,MAAA,EAAO;AAClC;AAGO,SAAS,6BAA6B,IAAA,EAAgB;AAC3D,EAAA,IAAI,CAAC,QAAQ,CAAC,KAAA,CAAM,QAAQ,IAAA,CAAK,MAAM,GAAG,OAAO,IAAA;AACjD,EAAA,OAAO;AAAA,IACL,GAAG,IAAA;AAAA,IACH,MAAA,EAAQ,IAAA,CAAK,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,MAAgB;AAAA,MACvC,GAAG,KAAA;AAAA,MACH,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,qBAAqB,CAAA,GAAI;AAAC,KAChF,CAAE;AAAA,GACJ;AACF;AAGO,SAAS,0BACd,QAAA,EACK;AACL,EAAA,OAAO,QAAA,CAAS,GAAA;AAAA,IAAI,CAAC,OAAA,KACnB,OAAA,EAAS,WAAA,KAAgB,2BAAA,GACrB,EAAE,GAAG,OAAA,EAAS,IAAA,EAAM,4BAAA,CAA6B,OAAA,CAAQ,IAAI,GAAE,GAC/D;AAAA,GACN;AACF","file":"chunk-633UMQQH.cjs","sourcesContent":["/**\n * Portfolio section sanitization — single source of truth.\n *\n * Site-architecture entries arrive from generation with raw CLIENT-site paths\n * (often title === path, e.g. \"/wheels/amp-tires\"). Those strings must never\n * cross a server→client props boundary: Googlebot extracts URL-like strings\n * from the RSC flight payload and crawls them against the AGENCY site's\n * origin, flooding Search Console with 404s (seen on upforge.io, June 2026 —\n * ~100 404'd client paths, all traced to /work/* case-study payloads).\n *\n * The enforcement point is `getPortfolioItem` (portfolio/server.ts): tsup's\n * \"add 'use client' to chunks with hooks\" post-processing turns PortfolioPage\n * into a client component in the published build, so sanitizing at render\n * time is too late — the full `item` prop is already serialized. The\n * PortfolioPage call remains as defense-in-depth for a future true-RSC build.\n */\n\ninterface ArchPageEntry {\n path?: string;\n title?: string;\n}\n\n/** Convert a raw path/title entry into a display-only { title } label. */\nexport function humanizeArchPageEntry(page: ArchPageEntry): { title: string } {\n const title = (page?.title || '').trim();\n if (title && !title.startsWith('/')) return { title };\n const source = title || (page?.path || '').trim();\n const lastSegment = source.split(/[?#]/)[0].split('/').filter(Boolean).pop() || '';\n const label = lastSegment\n .replace(/\\.(html?|php|aspx?)$/i, '')\n .replace(/[-_]+/g, ' ')\n .trim()\n .replace(/\\b\\w/g, (c) => c.toUpperCase());\n return { title: label || 'Home' };\n}\n\n/** Strip raw page paths from a portfolioSiteArchitecture data payload. */\nexport function sanitizeSiteArchitectureData(data: any): any {\n if (!data || !Array.isArray(data.groups)) return data;\n return {\n ...data,\n groups: data.groups.map((group: any) => ({\n ...group,\n pages: Array.isArray(group.pages) ? group.pages.map(humanizeArchPageEntry) : [],\n })),\n };\n}\n\n/** Sanitize every section that can carry raw client-site paths. */\nexport function sanitizePortfolioSections<T extends { sectionType?: string; data?: any }>(\n sections: T[],\n): T[] {\n return sections.map((section) =>\n section?.sectionType === 'portfolioSiteArchitecture'\n ? { ...section, data: sanitizeSiteArchitectureData(section.data) }\n : section,\n );\n}\n"]}
|
package/dist/chunk-7CFFAKDM.js
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { useRef, useEffect } from 'react';
|
|
3
|
-
import gsap from 'gsap';
|
|
4
|
-
import { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
// src/portfolio/components/primitives/ScrollReveal.tsx
|
|
8
|
-
function ScrollReveal({
|
|
9
|
-
children,
|
|
10
|
-
className,
|
|
11
|
-
delay = 0,
|
|
12
|
-
duration = 0.8,
|
|
13
|
-
y = 40,
|
|
14
|
-
x = 0,
|
|
15
|
-
opacity = 0,
|
|
16
|
-
scale,
|
|
17
|
-
stagger,
|
|
18
|
-
once = true,
|
|
19
|
-
threshold = 0.15
|
|
20
|
-
}) {
|
|
21
|
-
const ref = useRef(null);
|
|
22
|
-
useEffect(() => {
|
|
23
|
-
gsap.registerPlugin(ScrollTrigger);
|
|
24
|
-
const el = ref.current;
|
|
25
|
-
if (!el) return;
|
|
26
|
-
const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
27
|
-
if (prefersReducedMotion) {
|
|
28
|
-
gsap.set(el.children.length > 0 && stagger ? el.children : el, {
|
|
29
|
-
opacity: 1,
|
|
30
|
-
y: 0,
|
|
31
|
-
x: 0,
|
|
32
|
-
scale: 1
|
|
33
|
-
});
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
const targets = stagger && el.children.length > 0 ? el.children : el;
|
|
37
|
-
const fromVars = {
|
|
38
|
-
opacity,
|
|
39
|
-
y,
|
|
40
|
-
x
|
|
41
|
-
};
|
|
42
|
-
if (scale !== void 0) {
|
|
43
|
-
fromVars.scale = scale;
|
|
44
|
-
}
|
|
45
|
-
const toVars = {
|
|
46
|
-
opacity: 1,
|
|
47
|
-
y: 0,
|
|
48
|
-
x: 0,
|
|
49
|
-
duration,
|
|
50
|
-
delay,
|
|
51
|
-
ease: "power2.out",
|
|
52
|
-
scrollTrigger: {
|
|
53
|
-
trigger: el,
|
|
54
|
-
start: `top ${(1 - threshold) * 100}%`,
|
|
55
|
-
toggleActions: once ? "play none none none" : "play reverse play reverse"
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
if (scale !== void 0) {
|
|
59
|
-
toVars.scale = 1;
|
|
60
|
-
}
|
|
61
|
-
if (stagger) {
|
|
62
|
-
toVars.stagger = stagger;
|
|
63
|
-
}
|
|
64
|
-
const ctx = gsap.context(() => {
|
|
65
|
-
gsap.fromTo(targets, fromVars, toVars);
|
|
66
|
-
}, el);
|
|
67
|
-
return () => ctx.revert();
|
|
68
|
-
}, [delay, duration, y, x, opacity, scale, stagger, once, threshold]);
|
|
69
|
-
return /* @__PURE__ */ jsx("div", { ref, className, children });
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
export { ScrollReveal };
|
|
73
|
-
//# sourceMappingURL=chunk-7CFFAKDM.js.map
|
|
74
|
-
//# sourceMappingURL=chunk-7CFFAKDM.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/portfolio/components/primitives/ScrollReveal.tsx"],"names":[],"mappings":";;;;;;AAoBe,SAAR,YAAA,CAA8B;AAAA,EACnC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,QAAA,GAAW,GAAA;AAAA,EACX,CAAA,GAAI,EAAA;AAAA,EACJ,CAAA,GAAI,CAAA;AAAA,EACJ,OAAA,GAAU,CAAA;AAAA,EACV,KAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,EAAsB;AACpB,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CAAK,eAAe,aAAa,CAAA;AAEjC,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAGT,IAAA,MAAM,oBAAA,GAAuB,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AACnF,IAAA,IAAI,oBAAA,EAAsB;AACxB,MAAA,IAAA,CAAK,GAAA,CAAI,GAAG,QAAA,CAAS,MAAA,GAAS,KAAK,OAAA,GAAU,EAAA,CAAG,WAAW,EAAA,EAAI;AAAA,QAC7D,OAAA,EAAS,CAAA;AAAA,QACT,CAAA,EAAG,CAAA;AAAA,QACH,CAAA,EAAG,CAAA;AAAA,QACH,KAAA,EAAO;AAAA,OACR,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,UAAU,OAAA,IAAW,EAAA,CAAG,SAAS,MAAA,GAAS,CAAA,GAAI,GAAG,QAAA,GAAW,EAAA;AAElE,IAAA,MAAM,QAAA,GAA2B;AAAA,MAC/B,OAAA;AAAA,MACA,CAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AAAA,IACnB;AAEA,IAAA,MAAM,MAAA,GAAyB;AAAA,MAC7B,OAAA,EAAS,CAAA;AAAA,MACT,CAAA,EAAG,CAAA;AAAA,MACH,CAAA,EAAG,CAAA;AAAA,MACH,QAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA,EAAM,YAAA;AAAA,MACN,aAAA,EAAe;AAAA,QACb,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,CAAA,IAAA,EAAA,CAAQ,CAAA,GAAI,SAAA,IAAa,GAAG,CAAA,CAAA,CAAA;AAAA,QACnC,aAAA,EAAe,OAAO,qBAAA,GAAwB;AAAA;AAChD,KACF;AACA,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,MAAA,CAAO,KAAA,GAAQ,CAAA;AAAA,IACjB;AACA,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,MAAA,CAAO,OAAA,GAAU,OAAA;AAAA,IACnB;AAEA,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,OAAA,CAAQ,MAAM;AAC7B,MAAA,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,QAAA,EAAU,MAAM,CAAA;AAAA,IACvC,GAAG,EAAE,CAAA;AAEL,IAAA,OAAO,MAAM,IAAI,MAAA,EAAO;AAAA,EAC1B,CAAA,EAAG,CAAC,KAAA,EAAO,QAAA,EAAU,CAAA,EAAG,CAAA,EAAG,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,SAAS,CAAC,CAAA;AAEpE,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EACZ,QAAA,EACH,CAAA;AAEJ","file":"chunk-7CFFAKDM.js","sourcesContent":["'use client';\n\nimport React, { useRef, useEffect } from 'react';\nimport gsap from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\n\ninterface ScrollRevealProps {\n children: React.ReactNode;\n className?: string;\n delay?: number;\n duration?: number;\n y?: number;\n x?: number;\n opacity?: number;\n scale?: number;\n stagger?: number;\n once?: boolean;\n threshold?: number;\n}\n\nexport default function ScrollReveal({\n children,\n className,\n delay = 0,\n duration = 0.8,\n y = 40,\n x = 0,\n opacity = 0,\n scale,\n stagger,\n once = true,\n threshold = 0.15,\n}: ScrollRevealProps) {\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n gsap.registerPlugin(ScrollTrigger);\n\n const el = ref.current;\n if (!el) return;\n\n // Respect prefers-reduced-motion\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (prefersReducedMotion) {\n gsap.set(el.children.length > 0 && stagger ? el.children : el, {\n opacity: 1,\n y: 0,\n x: 0,\n scale: 1,\n });\n return;\n }\n\n const targets = stagger && el.children.length > 0 ? el.children : el;\n\n const fromVars: gsap.TweenVars = {\n opacity,\n y,\n x,\n };\n if (scale !== undefined) {\n fromVars.scale = scale;\n }\n\n const toVars: gsap.TweenVars = {\n opacity: 1,\n y: 0,\n x: 0,\n duration,\n delay,\n ease: 'power2.out',\n scrollTrigger: {\n trigger: el,\n start: `top ${(1 - threshold) * 100}%`,\n toggleActions: once ? 'play none none none' : 'play reverse play reverse',\n },\n };\n if (scale !== undefined) {\n toVars.scale = 1;\n }\n if (stagger) {\n toVars.stagger = stagger;\n }\n\n const ctx = gsap.context(() => {\n gsap.fromTo(targets, fromVars, toVars);\n }, el);\n\n return () => ctx.revert();\n }, [delay, duration, y, x, opacity, scale, stagger, once, threshold]);\n\n return (\n <div ref={ref} className={className}>\n {children}\n </div>\n );\n}\n"]}
|
package/dist/chunk-APG2QSMB.js
DELETED
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { GlassCard } from './chunk-YB4B3OMC.js';
|
|
2
|
-
import { ScrollReveal } from './chunk-7CFFAKDM.js';
|
|
3
|
-
import Image from 'next/image';
|
|
4
|
-
import Link from 'next/link';
|
|
5
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
function PortfolioCard({ item, className = "", basePath = "/work" }) {
|
|
8
|
-
const thumbnailSrc = item.hero_screenshots?.desktop || item.hero_image || (item.project_id ? `/portfolio-previews/${item.slug}.png` : void 0);
|
|
9
|
-
const kpis = Array.isArray(item.kpis) ? item.kpis : [];
|
|
10
|
-
const services = Array.isArray(item.services) ? item.services : [];
|
|
11
|
-
const kpiPreview = kpis.slice(0, 3);
|
|
12
|
-
const servicePreview = services.slice(0, 3);
|
|
13
|
-
return /* @__PURE__ */ jsx(Link, { href: `${basePath}/${item.slug}`, className: `block group ${className}`, children: /* @__PURE__ */ jsx(GlassCard, { padding: "sm", hover: true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
|
|
14
|
-
thumbnailSrc && /* @__PURE__ */ jsxs(
|
|
15
|
-
"div",
|
|
16
|
-
{
|
|
17
|
-
className: "relative w-full overflow-hidden rounded-xl",
|
|
18
|
-
style: { aspectRatio: "16/10" },
|
|
19
|
-
children: [
|
|
20
|
-
/* @__PURE__ */ jsx(
|
|
21
|
-
Image,
|
|
22
|
-
{
|
|
23
|
-
src: thumbnailSrc,
|
|
24
|
-
alt: item.hero_image_alt || item.title,
|
|
25
|
-
fill: true,
|
|
26
|
-
sizes: "(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw",
|
|
27
|
-
className: "object-cover object-top transition-transform duration-500 group-hover:scale-105"
|
|
28
|
-
}
|
|
29
|
-
),
|
|
30
|
-
/* @__PURE__ */ jsx(
|
|
31
|
-
"span",
|
|
32
|
-
{
|
|
33
|
-
className: "absolute top-3 left-3 px-3 py-1 rounded-full text-[11px] uppercase tracking-wider font-semibold",
|
|
34
|
-
style: {
|
|
35
|
-
background: "color-mix(in srgb, var(--sk-primary, #6366f1) 80%, transparent)",
|
|
36
|
-
color: "#ffffff",
|
|
37
|
-
backdropFilter: "blur(8px)"
|
|
38
|
-
},
|
|
39
|
-
children: item.category?.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase())
|
|
40
|
-
}
|
|
41
|
-
)
|
|
42
|
-
]
|
|
43
|
-
}
|
|
44
|
-
),
|
|
45
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-2 pb-2", children: [
|
|
46
|
-
/* @__PURE__ */ jsx(
|
|
47
|
-
"h3",
|
|
48
|
-
{
|
|
49
|
-
className: "text-lg font-semibold line-clamp-1",
|
|
50
|
-
style: { color: "var(--sk-text-primary, #ffffff)" },
|
|
51
|
-
children: item.title
|
|
52
|
-
}
|
|
53
|
-
),
|
|
54
|
-
item.subtitle && /* @__PURE__ */ jsx(
|
|
55
|
-
"p",
|
|
56
|
-
{
|
|
57
|
-
className: "text-sm line-clamp-2",
|
|
58
|
-
style: { color: "var(--sk-text-tertiary, #71717a)" },
|
|
59
|
-
children: item.subtitle
|
|
60
|
-
}
|
|
61
|
-
),
|
|
62
|
-
kpiPreview.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 mt-1", children: kpiPreview.map((kpi, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
63
|
-
/* @__PURE__ */ jsxs(
|
|
64
|
-
"span",
|
|
65
|
-
{
|
|
66
|
-
className: "text-base font-bold",
|
|
67
|
-
style: { color: "var(--sk-primary, #6366f1)" },
|
|
68
|
-
children: [
|
|
69
|
-
kpi.prefix || "",
|
|
70
|
-
kpi.value.toLocaleString(),
|
|
71
|
-
kpi.suffix
|
|
72
|
-
]
|
|
73
|
-
}
|
|
74
|
-
),
|
|
75
|
-
/* @__PURE__ */ jsx(
|
|
76
|
-
"span",
|
|
77
|
-
{
|
|
78
|
-
className: "text-[10px] uppercase tracking-wider font-medium",
|
|
79
|
-
style: { color: "var(--sk-text-tertiary, #71717a)" },
|
|
80
|
-
children: kpi.label
|
|
81
|
-
}
|
|
82
|
-
)
|
|
83
|
-
] }, i)) }),
|
|
84
|
-
servicePreview.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5 mt-2", children: [
|
|
85
|
-
servicePreview.map((service) => /* @__PURE__ */ jsx(
|
|
86
|
-
"span",
|
|
87
|
-
{
|
|
88
|
-
className: "px-2.5 py-0.5 rounded-full text-[11px] font-medium",
|
|
89
|
-
style: {
|
|
90
|
-
background: "var(--sk-surface, rgba(255,255,255,0.05))",
|
|
91
|
-
color: "var(--sk-text-secondary, #a1a1aa)",
|
|
92
|
-
border: "1px solid var(--sk-border, rgba(255,255,255,0.1))"
|
|
93
|
-
},
|
|
94
|
-
children: service
|
|
95
|
-
},
|
|
96
|
-
service
|
|
97
|
-
)),
|
|
98
|
-
services.length > 3 && /* @__PURE__ */ jsxs(
|
|
99
|
-
"span",
|
|
100
|
-
{
|
|
101
|
-
className: "px-2.5 py-0.5 rounded-full text-[11px] font-medium",
|
|
102
|
-
style: {
|
|
103
|
-
background: "var(--sk-surface, rgba(255,255,255,0.05))",
|
|
104
|
-
color: "var(--sk-text-tertiary, #71717a)"
|
|
105
|
-
},
|
|
106
|
-
children: [
|
|
107
|
-
"+",
|
|
108
|
-
item.services.length - 3
|
|
109
|
-
]
|
|
110
|
-
}
|
|
111
|
-
)
|
|
112
|
-
] })
|
|
113
|
-
] })
|
|
114
|
-
] }) }) });
|
|
115
|
-
}
|
|
116
|
-
function PortfolioGrid({ items, className = "", basePath = "/work" }) {
|
|
117
|
-
return /* @__PURE__ */ jsx(ScrollReveal, { stagger: 0.1, children: /* @__PURE__ */ jsx(
|
|
118
|
-
"div",
|
|
119
|
-
{
|
|
120
|
-
className: `grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${className}`,
|
|
121
|
-
style: {
|
|
122
|
-
gap: "var(--sk-grid-gap, 24px)"
|
|
123
|
-
},
|
|
124
|
-
children: items.map((item) => /* @__PURE__ */ jsx(PortfolioCard, { item, basePath }, item.id))
|
|
125
|
-
}
|
|
126
|
-
) });
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
export { PortfolioCard, PortfolioGrid };
|
|
130
|
-
//# sourceMappingURL=chunk-APG2QSMB.js.map
|
|
131
|
-
//# sourceMappingURL=chunk-APG2QSMB.js.map
|