@nextworks/blocks-templates 0.1.0-alpha.0 → 0.1.0-alpha.13

package/dist/templates/digitalagency/components/NetworkPattern.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * NetworkPattern
- * Tailwind-based animated network background for hero fallbacks.
- * Lightweight and dependency-free (no Chakra).
- */
-export const NetworkPattern = () => {
-    return (
-    // <div className="relative h-full w-full">
-    _jsxs("div", { className: "relative h-full w-full overflow-hidden", children: [_jsxs("div", { className: "pointer-events-none absolute inset-0 -z-10 overflow-hidden", children: [_jsx("div", { className: "absolute -top-16 -left-16 h-72 w-72 rounded-full bg-blue-500/25 blur-3xl" }), _jsx("div", { className: "absolute right-0 bottom-0 h-80 w-80 rounded-full bg-cyan-400/25 blur-3xl" }), _jsx("div", { className: "absolute top-14 right-1/3 h-56 w-56 rounded-full bg-indigo-500/15 blur-3xl" }), _jsx("div", { className: "absolute -bottom-10 left-1/4 h-64 w-64 rounded-full bg-sky-500/10 blur-3xl" })] }), _jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 900 520", className: "absolute top-0 left-0 [transform:scale(1.12)]", children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: "nodeGradient", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [_jsx("stop", { offset: "0%", stopColor: "#3B82F6", stopOpacity: 1 }), _jsx("stop", { offset: "100%", stopColor: "#2563EB", stopOpacity: 1 })] }), _jsxs("linearGradient", { id: "lineGradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [_jsx("stop", { offset: "0%", stopColor: "#60A5FA", stopOpacity: 0.28 }), _jsx("stop", { offset: "50%", stopColor: "#3B82F6", stopOpacity: 0.6 }), _jsx("stop", { offset: "100%", stopColor: "#60A5FA", stopOpacity: 0.28 })] })] }), _jsxs("g", { className: "opacity-30", children: [Array.from({ length: 18 }).map((_, i) => (_jsx("line", { x1: i * 50, y1: 0, x2: i * 50, y2: 520, stroke: "#e5e7eb", strokeWidth: "0.5" }, `v-${i}`))), Array.from({ length: 12 }).map((_, i) => (_jsx("line", { x1: 0, y1: i * 45, x2: 900, y2: i * 45, stroke: "#e5e7eb", strokeWidth: "0.5" }, `h-${i}`)))] }), _jsxs("g", { children: [_jsx("line", { x1: "120", y1: "80", x2: "320", y2: "180", stroke: "url(#lineGradient)", strokeWidth: "2" }), _jsx("line", { x1: "320", y1: "180", x2: "600", y2: "140", stroke: "url(#lineGradient)", strokeWidth: "2" }), _jsx("line", { x1: "600", y1: "140", x2: "720", y2: "340", stroke: "url(#lineGradient)", strokeWidth: "2" }), _jsx("line", { x1: "320", y1: "180", x2: "420", y2: "420", stroke: "url(#lineGradient)", strokeWidth: "2" }), _jsx("line", { x1: "120", y1: "80", x2: "220", y2: "320", stroke: "url(#lineGradient)", strokeWidth: "2" }), _jsx("line", { x1: "220", y1: "320", x2: "420", y2: "420", stroke: "url(#lineGradient)", strokeWidth: "2" }), _jsx("line", { x1: "60", y1: "260", x2: "120", y2: "80", stroke: "url(#lineGradient)", strokeWidth: "1.5" }), _jsx("line", { x1: "420", y1: "420", x2: "580", y2: "470", stroke: "url(#lineGradient)", strokeWidth: "1.5" }), _jsx("line", { x1: "600", y1: "140", x2: "780", y2: "80", stroke: "url(#lineGradient)", strokeWidth: "1.5" }), _jsx("line", { x1: "320", y1: "180", x2: "540", y2: "260", stroke: "url(#lineGradient)", strokeWidth: "1.5" }), _jsx("line", { x1: "220", y1: "320", x2: "540", y2: "260", stroke: "url(#lineGradient)", strokeWidth: "1.5" })] }), _jsxs("g", { children: [_jsx("circle", { cx: "320", cy: "180", r: "12", fill: "url(#nodeGradient)", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "12;15;12", dur: "3s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "600", cy: "140", r: "10", fill: "url(#nodeGradient)", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "10;13;10", dur: "3.5s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "120", cy: "80", r: "8", fill: "#3B82F6", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "8;11;8", dur: "4s", begin: "1s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "420", cy: "420", r: "8", fill: "#3B82F6", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "8;11;8", dur: "4.5s", begin: "2.5s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "720", cy: "340", r: "8", fill: "#3B82F6", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "8;11;8", dur: "3.8s", begin: "1.8s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "220", cy: "320", r: "8", fill: "#3B82F6", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "8;11;8", dur: "4.2s", begin: "0.5s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "60", cy: "260", r: "5", fill: "#60A5FA", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "5;7;5", dur: "5s", begin: "3s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "580", cy: "470", r: "5", fill: "#60A5FA", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "5;7;5", dur: "5.5s", begin: "4s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "780", cy: "80", r: "5", fill: "#60A5FA", className: "pulse-node", children: _jsx("animate", { attributeName: "r", values: "5;7;5", dur: "4.8s", begin: "2s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "200", cy: "100", r: "3", fill: "#93C5FD" }), _jsx("circle", { cx: "380", cy: "200", r: "3", fill: "#93C5FD" }), _jsx("circle", { cx: "150", cy: "320", r: "3", fill: "#93C5FD" }), _jsx("circle", { cx: "500", cy: "260", r: "3", fill: "#93C5FD" }), _jsx("circle", { cx: "660", cy: "220", r: "3", fill: "#93C5FD" }), _jsx("circle", { cx: "740", cy: "420", r: "3", fill: "#93C5FD" })] })] }), _jsx("style", { children: `
-        .pulse-node {
-          filter: drop-shadow(0 0 8px rgba(37, 99, 235, 0.3));
-        }
-
-        @keyframes slow-pan {
-          0% {
-            transform: scale(1.08) translateY(0px);
-          }
-          50% {
-            transform: scale(1.1) translateY(-6px);
-          }
-          100% {
-            transform: scale(1.08) translateY(0px);
-          }
-        }
-
-        svg {
-          animation: slow-pan 18s ease-in-out infinite;
-        }
-
-        @media (max-width: 768px) {
-          svg {
-            transform: scale(1.15);
-          }
-        }
-      ` })] }));
-};

package/dist/templates/digitalagency/components/Portfolio.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function Portfolio(): React.JSX.Element;
-//# sourceMappingURL=Portfolio.d.ts.map

package/dist/templates/digitalagency/components/Portfolio.js

@@ -1,108 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PortfolioSimple } from "@nextworks/blocks-sections";
-// Default portfolio data without images - Digital Marketing Agency focused
-const defaultProjects = [
-    {
-        id: 1,
-        title: "TechStartup Growth Campaign",
-        category: "Digital Marketing",
-        industry: "Technology",
-        result: "+300% Leads",
-        description: "Comprehensive digital marketing campaign that increased qualified leads by 300% through targeted SEO, social media marketing, and conversion optimization strategies.",
-        tags: ["SEO", "Social Media", "PPC", "Analytics"],
-        color: "blue",
-        url: "#",
-    },
-    {
-        id: 2,
-        title: "E-Commerce Brand Launch",
-        category: "Brand Marketing",
-        industry: "Retail",
-        result: "+250% Revenue",
-        description: "Complete brand launch and digital marketing strategy for a new e-commerce platform, resulting in 250% revenue growth within the first 6 months.",
-        tags: ["Brand Strategy", "Content Marketing", "Influencer", "Email"],
-        color: "green",
-        url: "#",
-    },
-    {
-        id: 3,
-        title: "Healthcare Practice Expansion",
-        category: "Local Marketing",
-        industry: "Healthcare",
-        result: "+180% Patients",
-        description: "Local SEO and digital marketing campaign that helped a healthcare practice expand to three new locations and increase patient acquisition by 180%.",
-        tags: ["Local SEO", "Google Ads", "Reputation", "Content"],
-        color: "purple",
-        url: "#",
-    },
-    {
-        id: 4,
-        title: "SaaS Product Launch",
-        category: "B2B Marketing",
-        industry: "Software",
-        result: "+400% Signups",
-        description: "Strategic B2B marketing campaign for a SaaS product launch, achieving 400% increase in trial signups through targeted content marketing and account-based marketing.",
-        tags: ["B2B Strategy", "Content", "LinkedIn Ads", "Webinars"],
-        color: "indigo",
-        url: "#",
-    },
-    {
-        id: 5,
-        title: "Restaurant Chain Rebrand",
-        category: "Brand Marketing",
-        industry: "Food & Beverage",
-        result: "+220% Foot Traffic",
-        description: "Complete rebrand and digital marketing transformation for a restaurant chain, resulting in 220% increase in foot traffic and 150% growth in online orders.",
-        tags: ["Rebranding", "Social Media", "Local SEO", "Delivery"],
-        color: "red",
-        url: "#",
-    },
-    {
-        id: 6,
-        title: "Fitness App User Acquisition",
-        category: "Mobile Marketing",
-        industry: "Health & Fitness",
-        result: "+500% Downloads",
-        description: "Mobile-first marketing campaign that achieved 500% increase in app downloads through app store optimization, influencer partnerships, and targeted social media advertising.",
-        tags: ["ASO", "Influencer", "Social Ads", "Retention"],
-        color: "yellow",
-        url: "#",
-    },
-];
-const defaultFilters = [
-    "All Projects",
-    "Digital Marketing",
-    "Brand Marketing",
-    "B2B Marketing",
-    "Local Marketing",
-    "Mobile Marketing",
-];
-// Upgraded Portfolio Preset Component
-export function Portfolio() {
-    return (_jsx("section", { id: "portfolio", children: _jsx(PortfolioSimple, { enableMotion: true, projects: defaultProjects, filters: defaultFilters, sectionTitle: "Our Portfolio", sectionSubtitle: "Discover our successful projects that have transformed businesses across various industries with innovative digital solutions.", ctaTitle: "Ready to Start Your Project?", ctaDescription: "Let's work together to create something amazing that drives real results for your business.", section: {
-                className: "py-16 md:py-24 bg-background",
-            }, title: {
-                className: "text-4xl md:text-5xl lg:text-6xl font-bold font-poppins text-[var(--heading-fg)]",
-            }, subtitle: {
-                className: "text-xl md:text-2xl font-inter text-[var(--subheading-fg)] max-w-2xl mx-auto leading-relaxed",
-            }, ctaTitleStyle: {
-                className: "text-2xl md:text-3xl font-bold text-[var(--heading-fg)]",
-            }, ctaDescriptionStyle: {
-                className: "text-lg md:text-xl text-[var(--subheading-fg)] max-w-md mx-auto",
-            }, tagStyle: {
-                className: "px-2 py-1 text-xs rounded-full border-[var(--badge-border)] text-[var(--badge-fg)] bg-[var(--badge-bg)]",
-            }, ctaSection: {
-                className: "space-y-6 text-center mt-16 pt-12 border-t border-[var(--footer-border)]",
-            }, cta1Label: "Start Your Project", cta1Href: "#contact", cta2Label: "View All Projects", cta2Href: "#portfolio", cta1Button: {
-                className: "h-10 px-6 flex items-center justify-center font-medium shadow-md hover:shadow-lg transition-all duration-200 hover:-translate-y-0.5 [--btn-bg:theme(colors.fuchsia.600)] hover:[--btn-hover-bg:theme(colors.fuchsia.700)] [--btn-fg:theme(colors.white)] hover:[--btn-hover-fg:theme(colors.white)]",
-            }, cta2Button: {
-                className: "h-10 px-6 flex items-center justify-center font-medium shadow-md hover:shadow-lg transition-all duration-200 hover:-translate-y-0.5 border-2 [--btn-bg:transparent] [--btn-fg:theme(colors.fuchsia.700)] [--btn-border:theme(colors.fuchsia.600)] hover:[--btn-hover-bg:theme(colors.fuchsia.600)] hover:[--btn-hover-fg:theme(colors.white)] dark:[--btn-fg:theme(colors.fuchsia.400)] dark:[--btn-border:theme(colors.fuchsia.500)] dark:hover:[--btn-hover-bg:theme(colors.fuchsia.500)] dark:hover:[--btn-hover-fg:theme(colors.white)]",
-            }, onProjectClick: (project) => {
-                console.log("Project clicked:", project);
-            }, onPrimaryCtaClick: () => {
-                console.log("CTA 1 clicked:");
-            }, onSecondaryCtaClick: () => {
-                console.log("CTA 2 clicked:");
-            }, ariaLabel: "Portfolio showcase section" }) }));
-}

package/dist/templates/digitalagency/components/Pricing.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function Pricing(): React.JSX.Element;
-//# sourceMappingURL=Pricing.d.ts.map

package/dist/templates/digitalagency/components/Pricing.js

@@ -1,82 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
-const AgencyPricingData = [
-    {
-        pricingPlanHeaderText: "Starter",
-        pricingPlanPrice: "$2,999",
-        pricingPlanFeatures: [
-            "5-page custom website",
-            "Mobile-responsive design",
-            "Basic SEO optimization",
-            "Contact form integration",
-            "2 rounds of revisions",
-            "1 month post-launch support",
-        ],
-        pricingPlanCTALabel: "Get Started",
-        pricingPlanCTAHref: "#contact",
-    },
-    {
-        pricingPlanHeaderText: "Professional",
-        pricingPlanPrice: "$5,999",
-        pricingPlanFeatures: [
-            "10-page custom website",
-            "Advanced responsive design",
-            "Comprehensive SEO setup",
-            "CMS integration",
-            "Analytics & tracking setup",
-            "Social media integration",
-            "3 rounds of revisions",
-            "3 months ongoing support",
-        ],
-        pricingPlanCTALabel: "Most Popular",
-        pricingPlanCTAHref: "#contact",
-        isPopular: true,
-    },
-    {
-        pricingPlanHeaderText: "Enterprise",
-        pricingPlanPrice: "Custom Quote",
-        pricingPlanFeatures: [
-            "Unlimited pages",
-            "Custom functionality",
-            "E-commerce integration",
-            "Advanced SEO strategy",
-            "Performance optimization",
-            "Third-party integrations",
-            "Priority support",
-            "Dedicated project manager",
-            "6 months ongoing support",
-        ],
-        pricingPlanCTALabel: "Contact Sales",
-        pricingPlanCTAHref: "#contact",
-    },
-];
-export function Pricing() {
-    return (_jsx("section", { id: "pricing", children: _jsx(SharedPricing, { pricingPlans: AgencyPricingData, pricingHeadingText: "Choose Your Plan", section: {
-                className: "py-16 md:py-20 lg:py-24 bg-fuchsia-50 dark:bg-gray-800",
-            }, container: {
-                className: "max-w-7xl mx-auto px-6",
-            }, heading: {
-                className: "text-4xl md:text-5xl lg:text-6xl font-bold font-poppins text-center text-gray-800 dark:text-white mb-8",
-            }, grid: {
-                className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-8",
-            }, card: {
-                className: "relative bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-200",
-            }, header: {
-                className: "p-6 text-center border-b border-gray-200 dark:border-gray-700",
-            }, title: {
-                className: "text-xl font-bold font-poppins text-gray-800 dark:text-white mb-2",
-            }, price: {
-                className: "text-3xl font-bold font-poppins text-fuchsia-600 dark:text-fuchsia-400 mb-4",
-            }, features: {
-                className: "p-6 space-y-3 font-inter",
-            }, featureItem: {
-                className: "flex items-center text-gray-600 dark:text-gray-300 text-sm",
-            }, cta: {
-                variant: "default",
-                size: "lg",
-                className: "w-full bg-fuchsia-600 hover:bg-fuchsia-700 dark:bg-fuchsia-600 dark:hover:bg-fuchsia-700 text-white hover:text-white font-medium shadow-md hover:shadow-lg transition-all duration-200 hover:-translate-y-0.5",
-            }, popularBadge: {
-                className: "absolute -top-3 left-1/2 transform -translate-x-1/2 bg-fuchsia-600 text-white px-4 py-1 rounded-full text-sm font-medium",
-            }, ariaLabel: "Pricing section" }) }));
-}

package/dist/templates/digitalagency/components/Process.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function Process(): React.JSX.Element;
-//# sourceMappingURL=Process.d.ts.map

package/dist/templates/digitalagency/components/Process.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ProcessTimeline } from "@nextworks/blocks-sections";
-const agencySteps = [
-    {
-        stepNumber: 1,
-        title: "Discovery Call",
-        description: "Understanding your goals and requirements",
-        icon: "🔍",
-    },
-    {
-        stepNumber: 2,
-        title: "Strategy & Design",
-        description: "Custom mockups and project roadmap",
-        icon: "🎨",
-    },
-    {
-        stepNumber: 3,
-        title: "Development",
-        description: "Building your site with regular updates",
-        icon: "⚡",
-    },
-    {
-        stepNumber: 4,
-        title: "Launch & Support",
-        description: "Going live with ongoing maintenance",
-        icon: "🚀",
-    },
-];
-export function Process() {
-    return (_jsx("section", { id: "process", children: _jsx(ProcessTimeline, { steps: agencySteps, heading: "How We Work", subheading: "Our proven 4-step process ensures your project delivers real results, on time and within budget.", section: {
-                className: "py-16 md:py-20 bg-fuchsia-50 dark:bg-gray-900 [--process-step-bg:theme(colors.fuchsia.600)] [--process-step-fg:theme(colors.white)] [--process-connector:theme(colors.gray.300)] dark:[--process-connector:theme(colors.gray.600)]",
-            }, container: { className: "max-w-6xl mx-auto px-6" }, headingStyle: {
-                className: "text-4xl md:text-5xl lg:text-6xl font-bold font-poppins text-gray-800 dark:text-white leading-tight",
-            }, subheadingStyle: {
-                className: "text-xl md:text-2xl font-inter text-gray-600 dark:text-gray-300 max-w-2xl mx-auto leading-relaxed",
-            }, connectingLine: undefined, stepCircle: undefined, ariaLabel: "Process timeline section" }) }));
-}

package/dist/templates/digitalagency/components/Services.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function Services(): React.JSX.Element;
-//# sourceMappingURL=Services.d.ts.map

package/dist/templates/digitalagency/components/Services.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ServicesGrid } from "@nextworks/blocks-sections";
-const defaultServicesData = [
-    {
-        icon: "💻",
-        title: "Web Design & Development",
-        description: "Custom websites that capture your brand and convert visitors into customers",
-    },
-    {
-        icon: "📈",
-        title: "SEO & Digital Marketing",
-        description: "Get found on Google and drive qualified traffic to your website",
-    },
-    {
-        icon: "🛒",
-        title: "E-commerce Solutions",
-        description: "Online stores that maximize sales and customer experience",
-    },
-    {
-        icon: "🎨",
-        title: "Brand Identity & Design",
-        description: "Logo, branding, and visual identity that makes you stand out",
-    },
-];
-export function Services() {
-    return (_jsx("section", { id: "services", children: _jsx(ServicesGrid, { enableMotion: true, section: {
-                className: "py-16 md:py-20 lg:py-24 bg-fuchsia-50 dark:bg-gray-900",
-            }, container: { className: "max-w-6xl mx-auto px-6" }, heading: {
-                className: "text-4xl md:text-5xl lg:text-6xl font-bold font-poppins text-gray-800 dark:text-white text-center mb-8 md:mb-12",
-            }, grid: { className: "grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8" }, card: {
-                className: "bg-white dark:bg-gray-800 p-6 md:p-8 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300",
-            }, servicesData: defaultServicesData, sectionHeading: "Our Services", ariaLabel: "Services section" }) }));
-}

package/dist/templates/digitalagency/components/Team.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function Team(): React.JSX.Element;
-//# sourceMappingURL=Team.d.ts.map

package/dist/templates/digitalagency/components/Team.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Team as SharedTeam } from "@nextworks/blocks-sections";
-export function Team() {
-    return (_jsx(SharedTeam, { section: {
-            className: "py-16 md:py-20 lg:py-24 bg-fuchsia-50 dark:bg-gray-900",
-        }, card: { className: "dark:bg-gray-800" }, heading: {
-            className: "text-4xl md:text-5xl lg:text-6xl font-bold text-[var(--heading-fg)]",
-        }, subheading: {
-            className: "text-xl md:text-2xl text-[var(--subheading-fg)] max-w-2xl mx-auto leading-relaxed",
-        }, role: {
-            className: "text-md font-semibold font-poppins text-fuchsia-600 dark:text-fuchsia-400",
-        }, ariaLabel: "Team section" }));
-}

package/dist/templates/digitalagency/components/Testimonials.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function Testimonials(): React.JSX.Element;
-//# sourceMappingURL=Testimonials.d.ts.map

package/dist/templates/digitalagency/components/Testimonials.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Testimonials as SharedTestimonials } from "@nextworks/blocks-sections";
-export function Testimonials() {
-    return (_jsx("section", { id: "testimonials", children: _jsx(SharedTestimonials, { testimonialSectionHeader: "What Our Customers Say", section: {
-                className: "py-16 md:py-20 lg:py-24 bg-fuchsia-50 dark:bg-gray-800",
-            }, container: { className: "max-w-7xl mx-auto px-6" }, header: { className: "text-center mb-12 md:mb-16" }, heading: {
-                className: "text-4xl md:text-5xl lg:text-6xl font-bold font-poppins text-gray-800 dark:text-white",
-            }, grid: {
-                className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",
-            }, card: {
-                className: "bg-white dark:bg-gray-900 p-6 rounded-lg shadow-md transition-transform duration-200 hover:-translate-y-1 border border-fuchsia-200/60 dark:border-fuchsia-800/40",
-            }, text: {
-                className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed italic font-inter",
-            }, author: {
-                className: "text-gray-600 dark:text-gray-400 text-sm font-medium font-poppins",
-            }, avatar: {
-                className: "w-12 h-12 bg-fuchsia-600 text-white rounded-full flex items-center justify-center text-lg font-bold",
-            }, avatarText: {
-                className: "text-white font-bold",
-            }, testimonials: [
-                {
-                    testimonialText: "Nexus Digital transformed our online presence completely.",
-                    testimonialAuthor: "- Sarah Chen, CEO of TechFlow",
-                    testimonialAuthorInitials: "SC",
-                },
-                {
-                    testimonialText: "The team delivered beyond expectations.",
-                    testimonialAuthor: "- Marcus Rodriguez, GreenLeaf Wellness",
-                    testimonialAuthorInitials: "MR",
-                },
-                {
-                    testimonialText: "Professional, fast, and results-driven. They understood our vision and brought it to life perfectly.",
-                    testimonialAuthor: "- Jennifer Walsh, UrbanFit",
-                    testimonialAuthorInitials: "JW",
-                },
-            ], ariaLabel: "Testimonials section" }) }));
-}

package/dist/templates/gallery/PresetThemeVars.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-type Props = React.PropsWithChildren<{
-    className?: string;
-}>;
-/**
- * Gallery template token-bridge wrapper.
- *
- * Maps component-level CSS variables (btn, input, card, etc.) to the
- * EnhancedThemeProvider token variables applied on :root (e.g., --primary,
- * --foreground, --card, --ring). This preserves the original Gallery behavior:
- * colors are driven by the selected Color Theme, not a fixed preset palette.
- */
-export declare function PresetThemeVars({ className, children }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=PresetThemeVars.d.ts.map

package/dist/templates/gallery/PresetThemeVars.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@nextworks/blocks-core";
-/**
- * Gallery template token-bridge wrapper.
- *
- * Maps component-level CSS variables (btn, input, card, etc.) to the
- * EnhancedThemeProvider token variables applied on :root (e.g., --primary,
- * --foreground, --card, --ring). This preserves the original Gallery behavior:
- * colors are driven by the selected Color Theme, not a fixed preset palette.
- */
-export function PresetThemeVars({ className, children }) {
-    return (_jsx("div", { className: cn(
-        // Buttons (leave bg/fg unset by default so tokenized variants can apply; set ring here)
-        "[--btn-ring:var(--ring)]", 
-        // Inputs
-        "[--input-bg:var(--background)]", "[--input-fg:var(--foreground)]", "[--input-placeholder:var(--muted-foreground)]", "[--input-border:var(--input)]", "[--input-focus-ring:var(--ring)]", "[--input-ring-offset:var(--background)]", 
-        // Cards
-        "[--card-bg:var(--card)]", "[--card-fg:var(--card-foreground)]", "[--card-title-fg:var(--foreground)]", "[--card-muted-fg:var(--muted-foreground)]", "[--card-border:var(--border)]", "[--card-shadow:0_6px_20px_rgba(0,0,0,0.06)]", 
-        // Badges/Chips (align to accent; active uses primary)
-        "[--badge-bg:var(--accent)]", "[--badge-fg:var(--accent-foreground)]", "[--badge-border:var(--border)]", "[--badge-active-bg:var(--primary)]", "[--badge-active-fg:var(--primary-foreground)]", "[--badge-active-border:var(--primary)]", 
-        // Typography helpers
-        "[--heading-fg:var(--foreground)]", "[--subheading-fg:var(--muted-foreground)]", "[--description-fg:var(--foreground)]", 
-        // Process timeline
-        "[--process-step-bg:var(--primary)]", "[--process-step-fg:var(--primary-foreground)]", "[--process-connector:var(--border)]", 
-        // Footer
-        "[--footer-bg:transparent]", "[--footer-fg:var(--foreground)]", "[--footer-heading-fg:var(--foreground)]", "[--footer-link-fg:var(--muted-foreground)]", "[--footer-link-hover-fg:var(--primary)]", "[--footer-link-hover-bg:color-mix(in oklab, var(--primary) 12%, transparent)]", "[--footer-muted-fg:var(--muted-foreground)]", "[--footer-border:var(--border)]", 
-        // Table (optional)
-        "[--table-fg:inherit]", "[--table-muted-fg:var(--muted-foreground)]", "[--table-head-fg:var(--foreground)]", "[--table-border:var(--border)]", "[--table-row-hover-bg:var(--muted)]", 
-        // Navbar
-        "[--navbar-toggle-bg:var(--background)]", "[--navbar-hover-bg:color-mix(in oklab, var(--primary) 12%, transparent)]", "[--navbar-ring:var(--ring)]", "[--navbar-border:var(--border)]", "[--navbar-accent:var(--foreground)]", className), children: children }));
-}

package/dist/templates/gallery/page.d.ts

@@ -1,2 +0,0 @@
-export default function Gallery(): import("react").JSX.Element;
-//# sourceMappingURL=page.d.ts.map

package/dist/templates/gallery/page.js

@@ -1,151 +0,0 @@
-// - /app/templates/gallery/page.tsx
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { About, Contact, CTA, FAQ, Features, Footer, HeroMotion, HeroOverlay, HeroSplit, Navbar, Newsletter, PortfolioSimple, Pricing, ProcessTimeline, ServicesGrid, Team, Testimonials, TrustBadges, } from "@nextworks/blocks-sections";
-import { ThemeSelector } from "@nextworks/blocks-core";
-import { PresetThemeVars } from "./PresetThemeVars";
-export default function Gallery() {
-    const defaultFeaturesData = [
-        {
-            imageSrc: "/placeholders/gallery/pexels-googledeepmind-25626431.jpg",
-            imageAlt: "Advanced Analytics Dashboard",
-            headingText: "Advanced Analytics",
-            subheadingText: "Get deep insights into your business performance with our comprehensive analytics dashboard that tracks key metrics and provides actionable recommendations.",
-        },
-        {
-            imageSrc: "/placeholders/gallery/pexels-googledeepmind-25626432.jpg",
-            imageAlt: "Real-time Collaboration Tools",
-            headingText: "Real-time Collaboration",
-            subheadingText: "Work seamlessly with your team using our real-time collaboration tools that keep everyone in sync and boost productivity across all projects.",
-        },
-        {
-            imageSrc: "/placeholders/gallery/pexels-googledeepmind-25626434.jpg",
-            imageAlt: "Secure Data Management",
-            headingText: "Secure Data Management",
-            subheadingText: "Protect your sensitive information with enterprise-grade security features including encryption, access controls, and compliance monitoring.",
-        },
-        {
-            imageSrc: "/placeholders/gallery/pexels-googledeepmind-25626436.jpg",
-            imageAlt: "Mobile-First Design",
-            headingText: "Mobile-First Design",
-            subheadingText: "Access your data and manage your workflow from anywhere with our responsive, mobile-optimized interface that works perfectly on all devices.",
-        },
-    ];
-    const BrandNode = (_jsxs(_Fragment, { children: [_jsx(ThemeSelector, { ariaLabel: "Demo: Color theme", label: "", className: "mr-2" }), _jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-gradient-to-br from-zinc-900 via-zinc-700 to-zinc-500 text-xs font-bold text-white shadow-sm dark:from-zinc-100 dark:via-zinc-300 dark:to-zinc-500 dark:text-zinc-900", children: "NW" })] }));
-    return (_jsx(PresetThemeVars, { children: _jsxs("div", { className: "component-gallery", children: [_jsx(Navbar, { container: { className: "max-w-7xl mx-auto" }, mobileMenu: {
-                        className: "border-t border-border md:block lg:hidden",
-                    }, desktopMenu: {
-                        className: "hidden md:hidden lg:flex items-center space-x-1 lg:space-x-0",
-                    }, id: "site-navigation", brand: "Nextworks", brandNode: BrandNode, menuItems: [
-                        { label: "Hero", href: "#hero-sections" },
-                        { label: "Trust", href: "#trust" },
-                        { label: "Features", href: "#features" },
-                        { label: "About", href: "#about-process" },
-                        { label: "Work", href: "#portfolio-team" },
-                        { label: "Testimonials", href: "#testimonials" },
-                        { label: "Pricing", href: "#pricing" },
-                        { label: "FAQ", href: "#faq" },
-                        { label: "CTA", href: "#cta" },
-                        { label: "Contact", href: "#contact" },
-                    ], links: {
-                        className: "text-base font-normal text-foreground hover:text-gray-500 dark:hover:text-gray-400 transition-colors",
-                    }, ctaButton: null }), _jsxs("div", { id: "hero-sections", children: [_jsx(HeroMotion, { actions: {
-                                className: "mt-8 flex items-center justify-center gap-3 [--btn-ring:var(--ring)]",
-                            }, primaryButtonStyle: {
-                                size: "lg",
-                                variant: "default",
-                                className: "[--btn-bg:var(--primary)] [--btn-fg:var(--primary-foreground)] " +
-                                    "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_88%,black)] " +
-                                    "hover:[--btn-hover-fg:var(--primary-foreground)]",
-                            }, secondaryButtonStyle: {
-                                size: "lg",
-                                variant: "outline",
-                                className: "border [&:where(button)]:border " +
-                                    "[--btn-bg:transparent] dark:[--btn-bg:transparent] " +
-                                    "[--btn-fg:var(--primary)] dark:[--btn-fg:var(--primary)] " +
-                                    "[--btn-border:var(--primary)] dark:[--btn-border:var(--primary)] " +
-                                    "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_15%,transparent)] " +
-                                    "dark:hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_18%,transparent)] " +
-                                    "hover:[--btn-hover-fg:var(--primary)] dark:hover:[--btn-hover-fg:var(--primary)]",
-                            }, primaryCta: { label: "Get Started", href: "#hero-sections" }, secondaryCta: { label: "See Demo", href: "#hero-sections" } }), _jsx(HeroOverlay, { heading: "Forecast The Next Move", subheading: "Predict demand, personalize journeys, and scale impact with AI-guided insights your team can use today.", cta1: {
-                                label: "Try It Free",
-                                href: "#hero-sections",
-                                className: "[--btn-bg:var(--primary)] [--btn-fg:var(--primary-foreground)] " +
-                                    "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_88%,black)] " +
-                                    "hover:[--btn-hover-fg:var(--primary-foreground)]",
-                            }, cta2: {
-                                label: "See Demo",
-                                href: "#hero-sections",
-                                // Outline CTA should be transparent bg, primary fg/border, with subtle hover bg
-                                className: "border [&:where(button)]:border " +
-                                    "[--btn-bg:transparent] dark:[--btn-bg:transparent] " +
-                                    "[--btn-fg:var(--primary)] dark:[--btn-fg:var(--primary)] " +
-                                    "[--btn-border:var(--primary)] dark:[--btn-border:var(--primary)] " +
-                                    "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_15%,transparent)] " +
-                                    "dark:hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_18%,transparent)] " +
-                                    "hover:[--btn-hover-fg:var(--primary)] dark:hover:[--btn-hover-fg:var(--primary)]",
-                            }, 
-                            // Set ring color on the CTA container so both buttons share it
-                            ctaContainer: {
-                                className: "flex flex-col sm:flex-row gap-4 mt-6 justify-center items-center [--btn-ring:var(--ring)]",
-                            }, image: {
-                                src: "/placeholders/gallery/hero-pexels-broken-9945014.avif",
-                            } }), _jsx(HeroSplit, { heading: "Confident Decisions, On Demand", subheading: "Reliable data when you need it.", cta1: {
-                                label: "Start Free Trial",
-                                href: "#hero-sections",
-                                className: "[--btn-bg:var(--primary)] [--btn-fg:var(--primary-foreground)] " +
-                                    "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_88%,black)] " +
-                                    "hover:[--btn-hover-fg:var(--primary-foreground)]",
-                            }, cta2: {
-                                label: "View Sample Report",
-                                href: "#hero-sections",
-                                className: "border [&:where(button)]:border " +
-                                    "[--btn-bg:transparent] dark:[--btn-bg:transparent] " +
-                                    "[--btn-fg:var(--primary)] dark:[--btn-fg:var(--primary)] " +
-                                    "[--btn-border:var(--primary)] dark:[--btn-border:var(--primary)] " +
-                                    "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_15%,transparent)] " +
-                                    "dark:hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_18%,transparent)] " +
-                                    "hover:[--btn-hover-fg:var(--primary)] dark:hover:[--btn-hover-fg:var(--primary)]",
-                            }, buttonsContainer: {
-                                className: "flex flex-col md:flex-row gap-4 mt-6 [--btn-ring:var(--ring)]",
-                            }, image: {
-                                src: "/placeholders/gallery/hero-pexels-broken-9945014.avif",
-                            }, imageLayout: "full-bleed" })] }), _jsx("div", { id: "trust", className: "scroll-mt-16", children: _jsx(TrustBadges, {}) }), _jsxs("div", { id: "features", className: "scroll-mt-16", children: [_jsx(Features, { featuresData: defaultFeaturesData }), _jsx(ServicesGrid, {})] }), _jsxs("div", { id: "about-process", className: "scroll-mt-16", children: [_jsx(About, { animateStats: false }), _jsx(ProcessTimeline, {})] }), _jsxs("div", { id: "portfolio-team", className: "scroll-mt-16", children: [_jsx(PortfolioSimple, {}), _jsx(Team, {})] }), _jsx("div", { id: "testimonials", className: "scroll-mt-16", children: _jsx(Testimonials, {}) }), _jsx("div", { id: "pricing", className: "scroll-mt-16", children: _jsx(Pricing, {}) }), _jsx("div", { id: "faq", className: "scroll-mt-16", children: _jsx(FAQ, { questionButton: {
-                            className: 
-                            // Distinct, theme-driven gradient tile + brand ring/border
-                            "bg-gradient-to-r " +
-                                "from-[var(--primary)] to-[color-mix(in_oklab,var(--primary)_88%,black)] " +
-                                "hover:from-[color-mix(in_oklab,var(--primary)_92%,black)] " +
-                                "hover:to-[color-mix(in_oklab,var(--primary)_95%,black)] " +
-                                "text-[var(--primary-foreground)] p-5 cursor-pointer rounded-lg " +
-                                "transition-all duration-200 flex items-center justify-between " +
-                                "shadow-lg hover:shadow-xl hover:-translate-y-0.5 " +
-                                // define ring/border vars and ensure a visible border if tokens apply
-                                "[--btn-ring:var(--ring)] [--btn-border:var(--primary)] border [&:where(button)]:border",
-                        }, answer: {
-                            className: "bg-gradient-to-r " +
-                                "from-[var(--secondary)] to-[color-mix(in_oklab,var(--secondary)_90%,white)] ",
-                        } }) }), _jsx("div", { id: "cta", className: "scroll-mt-16", children: _jsx(CTA, { ctaButton: { label: "Sign Up Now", href: "#contact" }, actionsWrapper: {
-                            className: "mt-6 flex flex-col items-center gap-3 sm:flex-row [--btn-ring:var(--ring)]",
-                        }, ctaButtonStyle: {
-                            variant: "default",
-                            size: "default",
-                            className: "shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 " +
-                                "[--btn-bg:var(--primary)] [--btn-fg:var(--primary-foreground)] " +
-                                "hover:[--btn-hover-bg:color-mix(in_oklab,var(--primary)_88%,black)] " +
-                                "hover:[--btn-hover-fg:var(--primary-foreground)]",
-                        } }) }), _jsx("div", { id: "contact", className: "scroll-mt-16", children: _jsx(Contact, { submitButtonStyle: {
-                            variant: "default",
-                            size: "lg",
-                            className: "w-full shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 " +
-                                // Match FAQ question button gradient + brand ring/border
-                                "bg-gradient-to-r " +
-                                "from-[var(--primary)] to-[color-mix(in_oklab,var(--primary)_88%,black)] " +
-                                "hover:from-[color-mix(in_oklab,var(--primary)_92%,black)] " +
-                                "hover:to-[color-mix(in_oklab,var(--primary)_95%,black)] " +
-                                "text-[var(--primary-foreground)] " +
-                                "[--btn-ring:var(--ring)] [--btn-border:var(--primary)] border [&:where(button)]:border",
-                        } }) }), _jsx("div", { id: "newsletter", className: "scroll-mt-16", children: _jsx(Newsletter, { button: {
-                            className: "!bg-[var(--primary)] hover:!bg-[color-mix(in_oklab,var(--primary)_90%,transparent)] !text-[var(--primary-foreground)] hover:!text-[var(--primary-background)]",
-                        } }) }), _jsx("div", { id: "footer", children: _jsx(Footer, {}) })] }) }));
-}

package/dist/templates/productlaunch/Page.d.ts

@@ -1,2 +0,0 @@
-export declare function ProductLaunchPage(): import("react").JSX.Element;
-//# sourceMappingURL=Page.d.ts.map