shared-features 0.0.8 → 0.1.1

package/dist/hooks/useCommonFeatures.d.ts

@@ -0,0 +1,102 @@
+import { ContactInfo, DeveloperInfo, AddressInfo, SocialLink, PaymentOption, Service, Skill, Testimonial, Project, UseCommonFeatureOptions, UseCommonFeatureResult, UseCommonFeaturesListResult, FetchSocialLinksOptions, FetchServicesOptions, FetchSkillsOptions, FetchTestimonialsOptions, FetchPaymentOptionsOptions, FetchProjectsOptions } from '../types/commonFeatures';
+/**
+ * Hook to fetch contact information
+ *
+ * @example
+ * ```tsx
+ * const { data: contact, loading } = useContactInfo();
+ *
+ * if (loading) return <Spinner />;
+ * if (!contact) return null;
+ *
+ * return <a href={`mailto:${contact.email}`}>{contact.email}</a>;
+ * ```
+ */
+export declare function useContactInfo(options?: UseCommonFeatureOptions): UseCommonFeatureResult<ContactInfo>;
+/**
+ * Hook to fetch developer information
+ *
+ * @example
+ * ```tsx
+ * const { data: developer, loading } = useDeveloperInfo();
+ *
+ * if (loading) return <Spinner />;
+ * if (!developer) return null;
+ *
+ * return (
+ *   <div>
+ *     <h1>{developer.name}</h1>
+ *     <p>{developer.title}</p>
+ *   </div>
+ * );
+ * ```
+ */
+export declare function useDeveloperInfo(options?: UseCommonFeatureOptions): UseCommonFeatureResult<DeveloperInfo>;
+/**
+ * Hook to fetch address information
+ */
+export declare function useAddressInfo(options?: UseCommonFeatureOptions): UseCommonFeatureResult<AddressInfo>;
+/**
+ * Hook to fetch social links
+ *
+ * @example
+ * ```tsx
+ * const { data: links, loading } = useSocialLinks({ showIn: ['footer'] });
+ *
+ * if (loading) return <Spinner />;
+ *
+ * return (
+ *   <div>
+ *     {links.map(link => (
+ *       <a key={link.id} href={link.url}>{link.platform}</a>
+ *     ))}
+ *   </div>
+ * );
+ * ```
+ */
+export declare function useSocialLinks(options?: FetchSocialLinksOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<SocialLink>;
+/**
+ * Hook to fetch payment options
+ */
+export declare function usePaymentOptions(options?: FetchPaymentOptionsOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<PaymentOption>;
+/**
+ * Hook to fetch services
+ */
+export declare function useServices(options?: FetchServicesOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<Service>;
+/**
+ * Hook to fetch skills
+ */
+export declare function useSkills(options?: FetchSkillsOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<Skill>;
+/**
+ * Hook to fetch testimonials
+ */
+export declare function useTestimonials(options?: FetchTestimonialsOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<Testimonial>;
+/**
+ * Hook to fetch projects
+ *
+ * @example
+ * ```tsx
+ * const { data: projects, loading } = useProjects({ featuredOnly: true });
+ *
+ * if (loading) return <Spinner />;
+ *
+ * return (
+ *   <div>
+ *     {projects.map(project => (
+ *       <div key={project.id}>
+ *         <h2>{project.title}</h2>
+ *         <p>{project.description}</p>
+ *       </div>
+ *     ))}
+ *   </div>
+ * );
+ * ```
+ */
+export declare function useProjects(options?: FetchProjectsOptions & UseCommonFeatureOptions): UseCommonFeaturesListResult<Project>;
+/**
+ * Hook to fetch a single project by slug
+ */
+export declare function useProject(slug: string, options?: {
+    autoFetch?: boolean;
+}): UseCommonFeatureResult<Project>;
+//# sourceMappingURL=useCommonFeatures.d.ts.map

package/dist/hooks/useCommonFeatures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCommonFeatures.d.ts","sourceRoot":"","sources":["../../src/hooks/useCommonFeatures.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2BH,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,EACb,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAO,EACP,uBAAuB,EACvB,sBAAsB,EACtB,2BAA2B,EAC3B,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,EACxB,0BAA0B,EAC1B,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AAMjC;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAAC,WAAW,CAAC,CA2DrC;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAAC,aAAa,CAAC,CA2DvC;AAMD;;GAEG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAAC,WAAW,CAAC,CA4CrC;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,uBAAuB,GAAG,uBAA4B,GAC9D,2BAA2B,CAAC,UAAU,CAAC,CA4CzC;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,GAAE,0BAA0B,GAAG,uBAA4B,GACjE,2BAA2B,CAAC,aAAa,CAAC,CA4C5C;AAMD;;GAEG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,oBAAoB,GAAG,uBAA4B,GAC3D,2BAA2B,CAAC,OAAO,CAAC,CA4CtC;AAMD;;GAEG;AACH,wBAAgB,SAAS,CACvB,OAAO,GAAE,kBAAkB,GAAG,uBAA4B,GACzD,2BAA2B,CAAC,KAAK,CAAC,CA4CpC;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,GAAE,wBAAwB,GAAG,uBAA4B,GAC/D,2BAA2B,CAAC,WAAW,CAAC,CA4C1C;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,oBAAoB,GAAG,uBAA4B,GAC3D,2BAA2B,CAAC,OAAO,CAAC,CA4CtC;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAO,GACpC,sBAAsB,CAAC,OAAO,CAAC,CAiDjC"}

package/dist/hooks/useFeatureFlags.d.ts

@@ -0,0 +1,134 @@
+import { FeatureId, FeatureAvailability, SharedFeaturesStatus, UseFeatureFlagsOptions, UseFeatureFlagsResult } from '../types/featureFlags';
+/**
+ * Hook to fetch and monitor feature flags
+ *
+ * @param options - Hook options
+ * @returns Feature flags status and utilities
+ *
+ * @example
+ * ```tsx
+ * const {
+ *   status,
+ *   loading,
+ *   isFeatureAvailable,
+ *   hasDeprecatedFeatures
+ * } = useFeatureFlags();
+ *
+ * if (loading) return <Spinner />;
+ *
+ * if (!status?.operational) {
+ *   return <MaintenancePage message={status?.maintenanceMessage} />;
+ * }
+ *
+ * if (isFeatureAvailable('contactInfo')) {
+ *   return <ContactInfo />;
+ * }
+ * ```
+ */
+export declare function useFeatureFlags(options?: UseFeatureFlagsOptions): UseFeatureFlagsResult;
+/**
+ * Hook to check a single feature's availability
+ *
+ * @param featureId - The feature to check
+ * @returns Feature availability and loading state
+ *
+ * @example
+ * ```tsx
+ * const { available, loading, deprecated } = useFeature('contactInfo');
+ *
+ * if (loading) return <Spinner />;
+ * if (!available) return null;
+ *
+ * return <ContactInfo />;
+ * ```
+ */
+export declare function useFeature(featureId: FeatureId): {
+    /** Whether the feature is available */
+    available: boolean;
+    /** Whether the check is in progress */
+    loading: boolean;
+    /** Full availability details */
+    availability: FeatureAvailability | null;
+    /** Whether the feature is enabled (but might need upgrade) */
+    enabled: boolean;
+    /** Whether using a deprecated version */
+    deprecated: boolean;
+    /** Whether an upgrade is required */
+    upgradeRequired: boolean;
+    /** Deprecation warning if applicable */
+    deprecationWarning: string | undefined;
+    /** Reason feature is unavailable */
+    unavailableReason: string | undefined;
+};
+/**
+ * Hook to subscribe to real-time feature flag updates
+ *
+ * @param callback - Function to call when flags change
+ *
+ * @example
+ * ```tsx
+ * useFeatureFlagsSubscription((flags) => {
+ *   if (flags?.maintenanceMode) {
+ *     showMaintenanceBanner();
+ *   }
+ * });
+ * ```
+ */
+export declare function useFeatureFlagsSubscription(callback: (status: SharedFeaturesStatus | null) => void): void;
+/**
+ * Hook to check if shared-features is operational
+ *
+ * @returns Whether shared-features is operational
+ *
+ * @example
+ * ```tsx
+ * const { operational, maintenanceMessage } = useSharedFeaturesOperational();
+ *
+ * if (!operational) {
+ *   return <MaintenancePage message={maintenanceMessage} />;
+ * }
+ * ```
+ */
+export declare function useSharedFeaturesOperational(): {
+    /** Whether shared-features is operational */
+    operational: boolean;
+    /** Whether check is in progress */
+    loading: boolean;
+    /** Maintenance message if in maintenance mode */
+    maintenanceMessage: string | undefined;
+    /** Whether in maintenance mode */
+    maintenanceMode: boolean;
+    /** Current API version */
+    apiVersion: string;
+};
+/**
+ * Hook for conditional rendering based on feature availability
+ *
+ * @param featureId - The feature to check
+ * @returns Object with show/hide helpers
+ *
+ * @example
+ * ```tsx
+ * const { shouldRender, FallbackOrChildren } = useFeatureGate('contactInfo');
+ *
+ * return (
+ *   <FallbackOrChildren fallback={<OldContactInfo />}>
+ *     <NewContactInfo />
+ *   </FallbackOrChildren>
+ * );
+ * ```
+ */
+export declare function useFeatureGate(featureId: FeatureId): {
+    /** Whether the feature should be rendered */
+    shouldRender: boolean;
+    /** Whether still checking availability */
+    loading: boolean;
+    /** Whether using deprecated version */
+    deprecated: boolean;
+    /** Component that renders children if available, fallback otherwise */
+    FallbackOrChildren: ({ children, fallback, }: {
+        children: React.ReactNode;
+        fallback?: React.ReactNode;
+    }) => import('react').ReactNode;
+};
+//# sourceMappingURL=useFeatureFlags.d.ts.map

package/dist/hooks/useFeatureFlags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/hooks/useFeatureFlags.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAWH,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EAEtB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,eAAe,CAC7B,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CAkHvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,SAAS;IA6C3C,uCAAuC;;IAEvC,uCAAuC;;IAEvC,gCAAgC;;IAEhC,8DAA8D;;IAE9D,yCAAyC;;IAEzC,qCAAqC;;IAErC,wCAAwC;;IAExC,oCAAoC;;EAGvC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,QAuBxD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,4BAA4B;IAIxC,6CAA6C;;IAE7C,mCAAmC;;IAEnC,iDAAiD;;IAEjD,kCAAkC;;IAElC,0BAA0B;;EAG7B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS;IAY/C,6CAA6C;;IAE7C,0CAA0C;;IAE1C,uCAAuC;;IAEvC,uEAAuE;kDAKlE;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B;EAON"}

package/dist/{AnnouncementModal-sxH4K5gy.js → index-BeNmzbTD.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback, useState } from "react";
-import { Box, IconButton, Flex, Text, Button, Card, Link, Badge, Dialog, Heading, Checkbox, Grid } from "@radix-ui/themes";
+import { Box, IconButton, Flex, Text, Button, Card, Badge, Link, Dialog, Heading, Checkbox, Grid, Separator, Avatar } from "@radix-ui/themes";
 import { Cross2Icon } from "@radix-ui/react-icons";
-import { a as useCampaign, b as useOneTimeAdModal, c as useUpdateAdModal, u as useCampaigns } from "./useCampaigns-D46b9zuf.js";
-import { ExternalLink, X, Check, Sparkles, Gift, Quote, Play, ChevronLeft, ChevronRight, Megaphone, CheckCircle, AlertTriangle, AlertCircle, Info, Bell } from "lucide-react";
-import { e as isInitialized, d as getConfig } from "./analytics-40-S_fHC.js";
+import { a as useCampaign, e as useOneTimeAdModal, k as useUpdateAdModal, b as useCampaigns, u as useAddressInfo, c as useContactInfo, d as useDeveloperInfo, g as useServices, h as useSkills, i as useSocialLinks, j as useTestimonials } from "./useCommonFeatures-DP2YyB7m.js";
+import { Sparkles, X, ExternalLink, Check, Gift, Play, Quote, ChevronLeft, ChevronRight, Megaphone, CheckCircle, AlertTriangle, AlertCircle, Info, Bell, MapPin, Mail, Phone, MessageCircle, Globe, Github, Linkedin, Briefcase, Star, Code, Twitter } from "lucide-react";
+import { O as isInitialized, B as getConfig } from "./commonFeatures-CaqcEOik.js";
 function AdPanel({
   placement,
   variant: _variant = "small_panel_2",
@@ -1829,11 +1829,199 @@ function AnnouncementModal({
     }
   ) });
 }
+const socialIcons = {
+  github: /* @__PURE__ */ jsx(Github, { size: 18 }),
+  linkedin: /* @__PURE__ */ jsx(Linkedin, { size: 18 }),
+  twitter: /* @__PURE__ */ jsx(Twitter, { size: 18 }),
+  facebook: /* @__PURE__ */ jsx(Globe, { size: 18 }),
+  instagram: /* @__PURE__ */ jsx(Globe, { size: 18 }),
+  youtube: /* @__PURE__ */ jsx(Globe, { size: 18 }),
+  tiktok: /* @__PURE__ */ jsx(Globe, { size: 18 }),
+  discord: /* @__PURE__ */ jsx(MessageCircle, { size: 18 }),
+  telegram: /* @__PURE__ */ jsx(MessageCircle, { size: 18 }),
+  whatsapp: /* @__PURE__ */ jsx(MessageCircle, { size: 18 }),
+  medium: /* @__PURE__ */ jsx(Globe, { size: 18 }),
+  devto: /* @__PURE__ */ jsx(Code, { size: 18 }),
+  stackoverflow: /* @__PURE__ */ jsx(Code, { size: 18 }),
+  dribbble: /* @__PURE__ */ jsx(Globe, { size: 18 }),
+  behance: /* @__PURE__ */ jsx(Globe, { size: 18 }),
+  codepen: /* @__PURE__ */ jsx(Code, { size: 18 }),
+  npm: /* @__PURE__ */ jsx(Code, { size: 18 }),
+  website: /* @__PURE__ */ jsx(Globe, { size: 18 }),
+  email: /* @__PURE__ */ jsx(Mail, { size: 18 }),
+  other: /* @__PURE__ */ jsx(ExternalLink, { size: 18 })
+};
+function ContactCard({ data: propData, compact = false, showFreelance = true }) {
+  const { data: hookData, loading } = useContactInfo({ autoFetch: !propData });
+  const data = propData ?? hookData;
+  if (loading) return /* @__PURE__ */ jsx(ContactCardSkeleton, {});
+  if (!data) return null;
+  return /* @__PURE__ */ jsx(Card, { size: compact ? "1" : "2", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsx(Text, { size: "3", weight: "bold", children: "Contact" }),
+    showFreelance && data.freelanceAvailable && /* @__PURE__ */ jsx(Badge, { color: "green", size: "1", children: "Available for Freelance" }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
+      data.email && /* @__PURE__ */ jsx(Link, { href: `mailto:${data.email}`, size: "2", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsx(Mail, { size: 16 }),
+        /* @__PURE__ */ jsx(Text, { children: data.email })
+      ] }) }),
+      data.phone && /* @__PURE__ */ jsx(Link, { href: `tel:${data.phone}`, size: "2", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsx(Phone, { size: 16 }),
+        /* @__PURE__ */ jsx(Text, { children: data.phone })
+      ] }) }),
+      data.whatsapp && /* @__PURE__ */ jsx(Link, { href: `https://wa.me/${data.whatsapp.replace(/\D/g, "")}`, target: "_blank", size: "2", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsx(MessageCircle, { size: 16 }),
+        /* @__PURE__ */ jsx(Text, { children: "WhatsApp" })
+      ] }) })
+    ] }),
+    !compact && data.workingHours && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Separator, { size: "4" }),
+      /* @__PURE__ */ jsx(Text, { size: "1", color: "gray", children: data.workingHours })
+    ] })
+  ] }) });
+}
+function ContactCardSkeleton() {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsx(Box, { style: { height: 20, width: 80, background: "var(--gray-4)", borderRadius: 4 } }),
+    /* @__PURE__ */ jsx(Box, { style: { height: 16, width: 180, background: "var(--gray-3)", borderRadius: 4 } }),
+    /* @__PURE__ */ jsx(Box, { style: { height: 16, width: 120, background: "var(--gray-3)", borderRadius: 4 } })
+  ] }) });
+}
+function DeveloperCard({ data: propData, compact = false, showBio = true }) {
+  const { data: hookData, loading } = useDeveloperInfo({ autoFetch: !propData });
+  const data = propData ?? hookData;
+  if (loading) return /* @__PURE__ */ jsx(DeveloperCardSkeleton, {});
+  if (!data) return null;
+  return /* @__PURE__ */ jsx(Card, { size: compact ? "1" : "2", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", children: [
+      data.avatar && /* @__PURE__ */ jsx(Avatar, { src: data.avatar, fallback: data.name?.[0] || "?", size: "4", radius: "full" }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { size: "4", weight: "bold", children: data.name }),
+        /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: data.title })
+      ] })
+    ] }),
+    data.availableForHire && /* @__PURE__ */ jsx(Badge, { color: "green", size: "1", children: "Available for Hire" }),
+    showBio && !compact && data.bio && /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: data.shortBio || data.bio }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "2", wrap: "wrap", children: [
+      data.website && /* @__PURE__ */ jsx(Link, { href: data.website, target: "_blank", size: "1", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ jsx(Globe, { size: 14 }),
+        "Website"
+      ] }) }),
+      data.github && /* @__PURE__ */ jsx(Link, { href: data.github, target: "_blank", size: "1", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ jsx(Github, { size: 14 }),
+        "GitHub"
+      ] }) }),
+      data.linkedin && /* @__PURE__ */ jsx(Link, { href: data.linkedin, target: "_blank", size: "1", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ jsx(Linkedin, { size: 14 }),
+        "LinkedIn"
+      ] }) })
+    ] })
+  ] }) });
+}
+function DeveloperCardSkeleton() {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", children: [
+    /* @__PURE__ */ jsx(Box, { style: { height: 48, width: 48, background: "var(--gray-4)", borderRadius: "50%" } }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Box, { style: { height: 20, width: 120, background: "var(--gray-4)", borderRadius: 4, marginBottom: 4 } }),
+      /* @__PURE__ */ jsx(Box, { style: { height: 16, width: 80, background: "var(--gray-3)", borderRadius: 4 } })
+    ] })
+  ] }) });
+}
+function SocialLinksBar({ data: propData, showIn, gap = "3" }) {
+  const { data: hookData, loading } = useSocialLinks({ autoFetch: !propData, showIn });
+  const data = propData ?? hookData;
+  if (loading || data.length === 0) return null;
+  return /* @__PURE__ */ jsx(Flex, { gap, align: "center", wrap: "wrap", children: data.map((link) => /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: link.url,
+      target: "_blank",
+      title: link.displayName || link.platform,
+      style: { color: "inherit" },
+      children: socialIcons[link.platform]
+    },
+    link.id
+  )) });
+}
+function AddressCard({ data: propData, compact = false }) {
+  const { data: hookData, loading } = useAddressInfo({ autoFetch: !propData });
+  const data = propData ?? hookData;
+  if (loading || !data) return null;
+  const address = data.fullAddress || [data.streetAddress, data.city, data.state, data.country].filter(Boolean).join(", ");
+  return /* @__PURE__ */ jsx(Card, { size: compact ? "1" : "2", children: /* @__PURE__ */ jsxs(Flex, { align: "start", gap: "2", children: [
+    /* @__PURE__ */ jsx(MapPin, { size: 18, style: { flexShrink: 0, marginTop: 2 } }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      data.label && /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: data.label }),
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: address }),
+      data.googleMapsUrl && /* @__PURE__ */ jsx(Link, { href: data.googleMapsUrl, target: "_blank", size: "1", children: "View on Maps" })
+    ] })
+  ] }) });
+}
+function SkillsDisplay({ data: propData, featuredOnly = false, showLevel = true, maxItems }) {
+  const { data: hookData, loading } = useSkills({ autoFetch: !propData, featuredOnly });
+  let data = propData ?? hookData;
+  if (maxItems && data.length > maxItems) {
+    data = data.slice(0, maxItems);
+  }
+  if (loading || data.length === 0) return null;
+  const levelColors = {
+    beginner: "gray",
+    intermediate: "blue",
+    advanced: "green",
+    expert: "orange"
+  };
+  return /* @__PURE__ */ jsx(Flex, { gap: "2", wrap: "wrap", children: data.map((skill) => /* @__PURE__ */ jsx(Badge, { color: showLevel ? levelColors[skill.level] : void 0, size: "2", children: skill.name }, skill.id)) });
+}
+function TestimonialsGrid({ data: propData, featuredOnly = false, maxItems, columns = "2" }) {
+  const { data: hookData, loading } = useTestimonials({ autoFetch: !propData, featuredOnly, limit: maxItems });
+  const data = propData ?? hookData;
+  if (loading || data.length === 0) return null;
+  return /* @__PURE__ */ jsx(Grid, { columns, gap: "4", children: data.map((testimonial) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    testimonial.rating && /* @__PURE__ */ jsx(Flex, { gap: "1", children: Array.from({ length: testimonial.rating }).map((_, i) => /* @__PURE__ */ jsx(Star, { size: 14, fill: "var(--amber-9)", color: "var(--amber-9)" }, i)) }),
+    /* @__PURE__ */ jsxs(Text, { size: "2", style: { fontStyle: "italic" }, children: [
+      '"',
+      testimonial.shortContent || testimonial.content,
+      '"'
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+      testimonial.authorAvatar && /* @__PURE__ */ jsx(Avatar, { src: testimonial.authorAvatar, fallback: testimonial.authorName?.[0] || "?", size: "2", radius: "full" }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { size: "2", weight: "bold", children: testimonial.authorName }),
+        (testimonial.authorTitle || testimonial.authorCompany) && /* @__PURE__ */ jsx(Text, { size: "1", color: "gray", children: [testimonial.authorTitle, testimonial.authorCompany].filter(Boolean).join(" at ") })
+      ] })
+    ] })
+  ] }) }, testimonial.id)) });
+}
+function ServicesGrid({ data: propData, featuredOnly = false, maxItems, columns = "3" }) {
+  const { data: hookData, loading } = useServices({ autoFetch: !propData, featuredOnly });
+  let data = propData ?? hookData;
+  if (maxItems && data.length > maxItems) {
+    data = data.slice(0, maxItems);
+  }
+  if (loading || data.length === 0) return null;
+  return /* @__PURE__ */ jsx(Grid, { columns, gap: "4", children: data.map((service) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+      /* @__PURE__ */ jsx(Briefcase, { size: 18 }),
+      /* @__PURE__ */ jsx(Text, { size: "3", weight: "bold", children: service.title })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: service.shortDescription || service.description }),
+    service.technologies && service.technologies.length > 0 && /* @__PURE__ */ jsx(Flex, { gap: "1", wrap: "wrap", children: service.technologies.slice(0, 5).map((tech, i) => /* @__PURE__ */ jsx(Badge, { size: "1", color: "gray", children: tech }, i)) })
+  ] }) }, service.id)) });
+}
+function FooterSection({ showContact = true, showSocialLinks = true, showAddress = false }) {
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", align: "center", children: [
+    showSocialLinks && /* @__PURE__ */ jsx(SocialLinksBar, { showIn: ["footer"] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "4", wrap: "wrap", justify: "center", children: [
+      showContact && /* @__PURE__ */ jsx(ContactCard, { compact: true }),
+      showAddress && /* @__PURE__ */ jsx(AddressCard, { compact: true })
+    ] })
+  ] });
+}
 export {
-  AdPanel as A,
+  AdBanner as A,
   BroadcastBanner as B,
   CardVariant as C,
-  FeaturesVariant as F,
+  DeveloperCard as D,
+  FeatureGridVariant as F,
   GradientVariant as G,
   HeroVariant as H,
   LARGE_PANEL_VARIANTS as L,
@@ -1841,16 +2029,23 @@ export {
   SMALL_PANEL_VARIANTS as S,
   TaglineVariant as T,
   VideoVariant as V,
-  AdSlider as a,
-  AdModal as b,
-  AdUpdateModal as c,
-  AdBanner as d,
-  FeatureGridVariant as e,
-  TestimonialVariant as f,
-  getSmallPanelVariant as g,
+  AdModal as a,
+  AdPanel as b,
+  AdSlider as c,
+  AdUpdateModal as d,
+  AddressCard as e,
+  AnnouncementModal as f,
+  BroadcastBanners as g,
   ComparisonVariant as h,
-  getLargePanelVariant as i,
-  BroadcastBanners as j,
-  AnnouncementModal as k
+  ContactCard as i,
+  FeaturesVariant as j,
+  FooterSection as k,
+  ServicesGrid as l,
+  SkillsDisplay as m,
+  SocialLinksBar as n,
+  TestimonialVariant as o,
+  TestimonialsGrid as p,
+  getLargePanelVariant as q,
+  getSmallPanelVariant as r
 };
-//# sourceMappingURL=AnnouncementModal-sxH4K5gy.js.map
+//# sourceMappingURL=index-BeNmzbTD.js.map