@nextworks/blocks-templates 0.1.0-alpha.0

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

@@ -0,0 +1,34 @@
+"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/Services.jsx

@@ -0,0 +1,36 @@
+"use client";
+import React from "react";
+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 (<section id="services">
+      <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"/>
+    </section>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Team.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/Team.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,IAAI,sBAsBnB"}

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

@@ -0,0 +1,14 @@
+"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/Team.jsx

@@ -0,0 +1,14 @@
+"use client";
+import React from "react";
+import { Team as SharedTeam } from "@nextworks/blocks-sections";
+export function Team() {
+    return (<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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../../../src/templates/digitalagency/components/Testimonials.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,YAAY,sBA2D3B"}

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

@@ -0,0 +1,38 @@
+"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/digitalagency/components/Testimonials.jsx

@@ -0,0 +1,40 @@
+"use client";
+import React from "react";
+import { Testimonials as SharedTestimonials } from "@nextworks/blocks-sections";
+export function Testimonials() {
+    return (<section id="testimonials">
+      <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"/>
+    </section>);
+}

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

@@ -0,0 +1,15 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetThemeVars.d.ts","sourceRoot":"","sources":["../../../src/templates/gallery/PresetThemeVars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAuE7D"}

package/dist/templates/gallery/PresetThemeVars.js

@@ -0,0 +1,31 @@
+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/PresetThemeVars.jsx

@@ -0,0 +1,33 @@
+import React from "react";
+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 (<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}
+    </div>);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/templates/gallery/page.tsx"],"names":[],"mappings":"AA6BA,MAAM,CAAC,OAAO,UAAU,OAAO,gCAqR9B"}

package/dist/templates/gallery/page.js

@@ -0,0 +1,151 @@
+// - /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, {}) })] }) }));
+}