@nextworks/blocks-templates 0.1.0-alpha.8 → 0.2.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/README.md +25 -11
  2. package/dist/templates/digitalagency/Page.d.ts.map +1 -1
  3. package/dist/templates/digitalagency/Page.jsx +0 -1
  4. package/dist/templates/digitalagency/components/Contact.d.ts.map +1 -1
  5. package/dist/templates/digitalagency/components/Contact.jsx +3 -4
  6. package/dist/templates/digitalagency/components/Footer.d.ts +1 -1
  7. package/dist/templates/digitalagency/components/Footer.jsx +1 -1
  8. package/dist/templates/digitalagency/components/Hero.d.ts +1 -1
  9. package/dist/templates/digitalagency/components/Hero.jsx +1 -1
  10. package/dist/templates/digitalagency/components/Navbar.d.ts +1 -2
  11. package/dist/templates/digitalagency/components/Navbar.d.ts.map +1 -1
  12. package/dist/templates/digitalagency/components/Navbar.jsx +1 -1
  13. package/dist/templates/digitalagency/components/NetworkPattern.d.ts +0 -1
  14. package/dist/templates/digitalagency/components/NetworkPattern.d.ts.map +1 -1
  15. package/dist/templates/digitalagency/components/NetworkPattern.jsx +1 -4
  16. package/dist/templates/digitalagency/components/Portfolio.jsx +1 -1
  17. package/dist/templates/gallery/PresetThemeVars.d.ts +2 -2
  18. package/dist/templates/gallery/PresetThemeVars.jsx +2 -2
  19. package/dist/templates/gallery/page.d.ts.map +1 -1
  20. package/dist/templates/gallery/page.jsx +1 -2
  21. package/dist/templates/productlaunch/components/About.d.ts.map +1 -1
  22. package/dist/templates/productlaunch/components/About.jsx +0 -2
  23. package/dist/templates/productlaunch/components/Contact.d.ts.map +1 -1
  24. package/dist/templates/productlaunch/components/Contact.jsx +0 -1
  25. package/dist/templates/productlaunch/components/FAQ.d.ts +1 -3
  26. package/dist/templates/productlaunch/components/FAQ.d.ts.map +1 -1
  27. package/dist/templates/productlaunch/components/FAQ.jsx +2 -10
  28. package/dist/templates/productlaunch/components/Features.d.ts +1 -2
  29. package/dist/templates/productlaunch/components/Features.d.ts.map +1 -1
  30. package/dist/templates/productlaunch/components/Features.jsx +1 -2
  31. package/dist/templates/productlaunch/components/Footer.d.ts +1 -1
  32. package/dist/templates/productlaunch/components/Footer.jsx +1 -1
  33. package/dist/templates/productlaunch/components/Hero.d.ts +1 -2
  34. package/dist/templates/productlaunch/components/Hero.d.ts.map +1 -1
  35. package/dist/templates/productlaunch/components/Hero.jsx +5 -6
  36. package/dist/templates/productlaunch/components/Navbar.d.ts +1 -1
  37. package/dist/templates/productlaunch/components/Navbar.jsx +79 -75
  38. package/dist/templates/productlaunch/components/Pricing.d.ts +1 -1
  39. package/dist/templates/productlaunch/components/Pricing.jsx +1 -1
  40. package/dist/templates/productlaunch/components/ProcessTimeline.d.ts +1 -1
  41. package/dist/templates/productlaunch/components/ProcessTimeline.jsx +1 -1
  42. package/dist/templates/productlaunch/components/ServicesGrid.d.ts +1 -1
  43. package/dist/templates/productlaunch/components/ServicesGrid.jsx +1 -1
  44. package/dist/templates/productlaunch/components/Team.d.ts +1 -1
  45. package/dist/templates/productlaunch/components/Team.jsx +1 -1
  46. package/dist/templates/productlaunch/components/Testimonials.d.ts +1 -1
  47. package/dist/templates/productlaunch/components/Testimonials.jsx +1 -1
  48. package/dist/templates/productlaunch/components/TrustBadges.d.ts +1 -1
  49. package/dist/templates/productlaunch/components/TrustBadges.jsx +1 -1
  50. package/dist/templates/saasdashboard/components/Dashboard.jsx +2 -2
  51. package/dist/templates/saasdashboard/components/Hero.d.ts.map +1 -1
  52. package/dist/templates/saasdashboard/components/Hero.jsx +0 -1
  53. package/dist/templates/saasdashboard/components/Hero_mask.d.ts.map +1 -1
  54. package/dist/templates/saasdashboard/components/Hero_mask.jsx +0 -1
  55. package/dist/templates/saasdashboard/components/Navbar.d.ts +1 -1
  56. package/dist/templates/saasdashboard/components/Navbar.d.ts.map +1 -1
  57. package/dist/templates/saasdashboard/components/Navbar.jsx +1 -2
  58. package/dist/templates/saasdashboard/components/SmoothScroll.d.ts.map +1 -1
  59. package/dist/templates/saasdashboard/components/SmoothScroll.jsx +3 -4
  60. package/package.json +34 -34
  61. package/dist/index.d.ts +0 -5
  62. package/dist/index.js +0 -4
  63. package/dist/templates/digitalagency/Page.d.ts +0 -3
  64. package/dist/templates/digitalagency/Page.js +0 -18
  65. package/dist/templates/digitalagency/PresetThemeVars.d.ts +0 -11
  66. package/dist/templates/digitalagency/PresetThemeVars.js +0 -29
  67. package/dist/templates/digitalagency/components/About.d.ts +0 -3
  68. package/dist/templates/digitalagency/components/About.js +0 -45
  69. package/dist/templates/digitalagency/components/CTA.d.ts +0 -3
  70. package/dist/templates/digitalagency/components/CTA.js +0 -33
  71. package/dist/templates/digitalagency/components/Contact.d.ts +0 -3
  72. package/dist/templates/digitalagency/components/Contact.js +0 -91
  73. package/dist/templates/digitalagency/components/Footer.js +0 -58
  74. package/dist/templates/digitalagency/components/Hero.js +0 -69
  75. package/dist/templates/digitalagency/components/Navbar.js +0 -86
  76. package/dist/templates/digitalagency/components/NetworkPattern.js +0 -38
  77. package/dist/templates/digitalagency/components/Portfolio.d.ts +0 -3
  78. package/dist/templates/digitalagency/components/Portfolio.js +0 -108
  79. package/dist/templates/digitalagency/components/Pricing.d.ts +0 -3
  80. package/dist/templates/digitalagency/components/Pricing.js +0 -82
  81. package/dist/templates/digitalagency/components/Pricing.jsx +0 -84
  82. package/dist/templates/digitalagency/components/Process.d.ts +0 -3
  83. package/dist/templates/digitalagency/components/Process.js +0 -38
  84. package/dist/templates/digitalagency/components/Process.jsx +0 -40
  85. package/dist/templates/digitalagency/components/Services.d.ts +0 -3
  86. package/dist/templates/digitalagency/components/Services.js +0 -34
  87. package/dist/templates/digitalagency/components/Services.jsx +0 -36
  88. package/dist/templates/digitalagency/components/Team.d.ts +0 -3
  89. package/dist/templates/digitalagency/components/Team.js +0 -14
  90. package/dist/templates/digitalagency/components/Team.jsx +0 -14
  91. package/dist/templates/digitalagency/components/Testimonials.d.ts +0 -3
  92. package/dist/templates/digitalagency/components/Testimonials.js +0 -38
  93. package/dist/templates/digitalagency/components/Testimonials.jsx +0 -40
  94. package/dist/templates/gallery/PresetThemeVars.js +0 -31
  95. package/dist/templates/gallery/page.d.ts +0 -2
  96. package/dist/templates/gallery/page.js +0 -151
  97. package/dist/templates/productlaunch/Page.d.ts +0 -2
  98. package/dist/templates/productlaunch/Page.js +0 -20
  99. package/dist/templates/productlaunch/Page.jsx +0 -42
  100. package/dist/templates/productlaunch/PresetThemeVars.d.ts +0 -16
  101. package/dist/templates/productlaunch/PresetThemeVars.js +0 -28
  102. package/dist/templates/productlaunch/components/About.d.ts +0 -15
  103. package/dist/templates/productlaunch/components/About.js +0 -59
  104. package/dist/templates/productlaunch/components/CTA.d.ts +0 -3
  105. package/dist/templates/productlaunch/components/CTA.js +0 -39
  106. package/dist/templates/productlaunch/components/Contact.d.ts +0 -3
  107. package/dist/templates/productlaunch/components/Contact.js +0 -93
  108. package/dist/templates/productlaunch/components/FAQ.js +0 -64
  109. package/dist/templates/productlaunch/components/Features.js +0 -52
  110. package/dist/templates/productlaunch/components/Footer.js +0 -103
  111. package/dist/templates/productlaunch/components/Hero.js +0 -70
  112. package/dist/templates/productlaunch/components/Navbar.js +0 -82
  113. package/dist/templates/productlaunch/components/Pricing.js +0 -77
  114. package/dist/templates/productlaunch/components/ProcessTimeline.js +0 -63
  115. package/dist/templates/productlaunch/components/ServicesGrid.js +0 -41
  116. package/dist/templates/productlaunch/components/Team.js +0 -72
  117. package/dist/templates/productlaunch/components/Testimonials.js +0 -55
  118. package/dist/templates/productlaunch/components/TrustBadges.js +0 -50
  119. package/dist/templates/saasdashboard/Page.d.ts +0 -2
  120. package/dist/templates/saasdashboard/Page.js +0 -15
  121. package/dist/templates/saasdashboard/Page.jsx +0 -35
  122. package/dist/templates/saasdashboard/PresetThemeVars.d.ts +0 -11
  123. package/dist/templates/saasdashboard/PresetThemeVars.js +0 -27
  124. package/dist/templates/saasdashboard/components/Contact.d.ts +0 -3
  125. package/dist/templates/saasdashboard/components/Contact.js +0 -83
  126. package/dist/templates/saasdashboard/components/Dashboard.d.ts +0 -21
  127. package/dist/templates/saasdashboard/components/Dashboard.js +0 -120
  128. package/dist/templates/saasdashboard/components/FAQ.d.ts +0 -2
  129. package/dist/templates/saasdashboard/components/FAQ.js +0 -35
  130. package/dist/templates/saasdashboard/components/FAQ.jsx +0 -34
  131. package/dist/templates/saasdashboard/components/Features.d.ts +0 -2
  132. package/dist/templates/saasdashboard/components/Features.js +0 -55
  133. package/dist/templates/saasdashboard/components/Footer.d.ts +0 -2
  134. package/dist/templates/saasdashboard/components/Footer.js +0 -52
  135. package/dist/templates/saasdashboard/components/Hero.d.ts +0 -2
  136. package/dist/templates/saasdashboard/components/Hero.js +0 -65
  137. package/dist/templates/saasdashboard/components/Hero_mask.d.ts +0 -3
  138. package/dist/templates/saasdashboard/components/Hero_mask.js +0 -73
  139. package/dist/templates/saasdashboard/components/Navbar.js +0 -83
  140. package/dist/templates/saasdashboard/components/Pricing.d.ts +0 -2
  141. package/dist/templates/saasdashboard/components/Pricing.js +0 -65
  142. package/dist/templates/saasdashboard/components/SmoothScroll.d.ts +0 -2
  143. package/dist/templates/saasdashboard/components/SmoothScroll.js +0 -87
  144. package/dist/templates/saasdashboard/components/Testimonials.d.ts +0 -2
  145. package/dist/templates/saasdashboard/components/Testimonials.js +0 -35
  146. package/dist/templates/saasdashboard/components/TrustBadges.d.ts +0 -2
  147. package/dist/templates/saasdashboard/components/TrustBadges.js +0 -37
@@ -1,93 +0,0 @@
1
- // app/templates/productlaunch/componnets/Contact.tsx
2
- "use client";
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
- import { Contact as SharedContact, } from "@nextworks/blocks-sections";
5
- /**
6
- * A preset Contact component customized for the product launch page,
7
- * using the shared Contact.tsx with predefined styles and content.
8
- *
9
- * Features:
10
- * - "Get Started with IntelliOpAI" heading with custom typography
11
- * - Purple-themed styling matching the brand
12
- * - Custom form fields optimized for product launch
13
- * - Responsive design with proper spacing
14
- * - Dark mode support with consistent theming
15
- * - Clean, modern design with hover effects
16
- */
17
- const productLaunchContactFormData = [
18
- {
19
- id: "name",
20
- label: "Your Full Name",
21
- placeholder: "John Doe",
22
- required: true,
23
- type: "text",
24
- },
25
- {
26
- id: "email",
27
- label: "Email Address",
28
- placeholder: "you@example.com",
29
- required: true,
30
- type: "email",
31
- },
32
- {
33
- id: "company",
34
- label: "Company Name",
35
- placeholder: "Your Company",
36
- required: false,
37
- type: "text",
38
- },
39
- {
40
- id: "phone",
41
- label: "Phone Number",
42
- placeholder: "+1 (555) 123-4567",
43
- required: false,
44
- type: "tel",
45
- },
46
- {
47
- id: "message",
48
- label: "Tell us about your project",
49
- placeholder: "Describe your business needs and how we can help...",
50
- required: true,
51
- type: "textarea",
52
- },
53
- ];
54
- export function Contact() {
55
- const handleFormSubmit = (e) => {
56
- e.preventDefault();
57
- const data = Object.fromEntries(new FormData(e.currentTarget).entries());
58
- console.log("Contact form submitted:", data);
59
- };
60
- return (_jsx(SharedContact, { id: "contact", fields: productLaunchContactFormData, contactHeaderText: "Get Started with IntelliOpAI", contactSubHeaderText: "Ready to revolutionize your workflow? Get in touch with our team to learn how our AI solutions can transform your business operations and drive growth.",
61
- // Root and layout
62
- className: "w-full", section: {
63
- className: "py-16 px-4 bg-gradient-to-br from-purple-600 via-purple-700 to-purple-800 dark:from-purple-500 dark:via-purple-600 dark:to-purple-700",
64
- }, container: {
65
- className: "mx-auto max-w-4xl",
66
- },
67
- // Header slots
68
- headerWrapper: { className: "mb-4 text-center" }, headerText: {
69
- className: "text-2xl md:text-3xl lg:text-4xl font-bold font-outfit text-white dark:text-white",
70
- }, subheaderText: {
71
- className: "text-base md:text-lg text-white dark:text-gray-200 text-center mb-8 px-4 md:px-14 font-inter leading-relaxed",
72
- },
73
- // Form container
74
- form: {
75
- className: "bg-white dark:bg-gray-800 p-6 md:p-8 rounded-lg shadow-lg border border-purple-200 dark:border-purple-300",
76
- },
77
- // Fields wrapper and field item
78
- fieldsWrapper: { className: "space-y-6" }, field: { className: "space-y-2" },
79
- // Label + inputs
80
- label: {
81
- className: "text-gray-700 dark:text-white text-sm font-semibold block font-inter",
82
- }, input: {
83
- className: "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-0 focus:border-transparent transition-all duration-200",
84
- }, textarea: {
85
- className: "w-full p-3 border border-gray-200 dark:border-gray-600 rounded-md bg-gray-50 dark:bg-gray-700 text-black dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-0 focus:border-transparent resize-vertical min-h-[120px] transition-all duration-200",
86
- },
87
- // Submit button (split: wrapper/style/text)
88
- submitButtonWrapper: { className: "pt-2" }, submitButtonStyle: {
89
- variant: "default",
90
- size: "lg",
91
- className: "w-full font-semibold text-base shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 border-0 [--btn-bg:theme(colors.purple.600)] hover:[--btn-hover-bg:theme(colors.purple.700)] [--btn-fg:white] hover:[--btn-hover-fg:white] [--btn-border:transparent]",
92
- }, submitButtonText: "Start Your AI Journey", onSubmit: handleFormSubmit, ariaLabel: "Get started with IntelliOpAI contact form" }));
93
- }
@@ -1,64 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { FAQ as SharedFAQ } from "@nextworks/blocks-sections";
4
- import { ChevronDown, ChevronUp } from "lucide-react";
5
- // - org. jsdoc in the bck folder
6
- /**
7
- * Upgraded preset FAQ component for the product launch page.
8
- * Now uses the new shared FAQ_new.tsx API while preserving
9
- * the original styling, content, and accessibility semantics.
10
- */
11
- export function FAQ() {
12
- return (_jsx(SharedFAQ, { faqSectionHeaderText: "Frequently Asked Questions", faqData: [
13
- {
14
- question: "What is IntelliOpAI and how does it work?",
15
- answer: "IntelliOpAI is an advanced AI-powered platform that automates business operations and provides real-time insights. Our system uses machine learning algorithms to analyze your data, streamline workflows, and help you make smarter decisions faster.",
16
- },
17
- {
18
- question: "Do I need technical expertise to use IntelliOpAI?",
19
- answer: "Not at all! IntelliOpAI is designed with a user-friendly interface that requires no coding knowledge. Our intuitive dashboard and guided setup process make it easy for anyone to get started, regardless of their technical background.",
20
- },
21
- {
22
- question: "How does IntelliOpAI integrate with my existing systems?",
23
- answer: "IntelliOpAI offers seamless integration with popular business tools and platforms through our robust API and pre-built connectors. We support integration with CRM systems, databases, cloud services, and more to ensure a smooth transition.",
24
- },
25
- {
26
- question: "What kind of support do you provide?",
27
- answer: "We offer comprehensive 24/7 support including live chat, email support, and dedicated account managers for enterprise clients. Our team of AI experts is always ready to help you maximize the value of your IntelliOpAI implementation.",
28
- },
29
- {
30
- question: "Is my data secure with IntelliOpAI?",
31
- answer: "Absolutely. We implement enterprise-grade security measures including end-to-end encryption, SOC 2 compliance, and regular security audits. Your data is protected with the highest industry standards and we never share your information with third parties.",
32
- },
33
- {
34
- question: "Can IntelliOpAI scale with my business growth?",
35
- answer: "Yes! IntelliOpAI is built to scale with your business. Our flexible architecture can handle everything from small startups to large enterprises, automatically adjusting resources and capabilities as your needs evolve.",
36
- },
37
- ], section: {
38
- className: "py-16 px-5 bg-white dark:bg-black text-gray-800 dark:text-white",
39
- }, container: {
40
- className: "max-w-6xl mx-auto",
41
- }, heading: {
42
- className: "text-2xl md:text-3xl lg:text-4xl font-bold text-center mb-8 text-gray-800 dark:text-white font-outfit",
43
- }, grid: {
44
- className: "grid grid-cols-1 lg:grid-cols-2 gap-6 px-5 py-8",
45
- }, item: {
46
- className: "mb-6 w-full",
47
- }, questionButton: {
48
- className:
49
- // "bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white p-5 cursor-pointer rounded-lg transition-all duration-200 flex items-center justify-between shadow-lg hover:shadow-xl hover:shadow-purple-500/30 hover:-translate-y-0.5 font-inter ",
50
- // your existing classes...
51
- "bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white p-5 cursor-pointer rounded-lg transition-all duration-200 flex items-center justify-between shadow-lg hover:shadow-xl hover:shadow-purple-500/30 hover:-translate-y-0.5 font-inter " +
52
- // define the ring and border CSS vars you want
53
- "[--btn-ring:theme(colors.purple.500)] dark:[--btn-ring:theme(colors.purple.400)] " +
54
- "[--btn-border:theme(colors.purple.500)] dark:[--btn-border:theme(colors.purple.400)] " +
55
- // ensure mouse focus uses your ring color too
56
- "focus:ring-[var(--btn-ring)]",
57
- },
58
- // No extra styles for the question text; inherits from button
59
- questionText: { className: "" }, chevronIcon: {
60
- className: "h-6 w-6 transition-transform duration-200 flex-shrink-0",
61
- }, openIcon: _jsx(ChevronUp, { className: "h-6 w-6" }), closedIcon: _jsx(ChevronDown, { className: "h-6 w-6" }), answer: {
62
- className: "bg-gray-50 dark:bg-gray-800 text-gray-800 dark:text-white rounded-lg overflow-hidden border border-purple-200 dark:border-purple-800 shadow-md",
63
- }, answerText: { className: "p-5" }, ariaLabel: "IntelliOpAI frequently asked questions" }));
64
- }
@@ -1,52 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Features as SharedFeatures } from "@nextworks/blocks-sections";
4
- /**
5
- * Product Launch preset for Features, wired to the upgraded shared Features component
6
- * using the slots + cn API. Keeps content and styles consistent with the template.
7
- */
8
- export function Features() {
9
- const featuresData = [
10
- {
11
- imageSrc: "/placeholders/product_launch/feature_1.png",
12
- imageAlt: "AI-Powered Analytics Dashboard",
13
- headingText: "Intelligent Analytics",
14
- subheadingText: "Harness the power of AI to gain deep insights into your business performance. Our machine learning algorithms analyze patterns and provide actionable recommendations to drive growth.",
15
- },
16
- {
17
- imageSrc: "/placeholders/product_launch/feature_2.png",
18
- imageAlt: "Real-time AI Collaboration Platform",
19
- headingText: "AI-Powered Collaboration",
20
- subheadingText: "Work seamlessly with AI assistants that understand context and help your team stay productive. Our intelligent collaboration tools adapt to your workflow and boost efficiency.",
21
- },
22
- {
23
- imageSrc: "/placeholders/product_launch/feature_3.png",
24
- imageAlt: "Advanced AI Security System",
25
- headingText: "AI-Enhanced Security",
26
- subheadingText: "Protect your data with next-generation AI security that learns and adapts to threats in real-time. Enterprise-grade protection with intelligent threat detection and prevention.",
27
- },
28
- {
29
- imageSrc: "/placeholders/product_launch/feature_4.png",
30
- imageAlt: "Mobile AI Interface",
31
- headingText: "Smart Mobile Experience",
32
- subheadingText: "Access your AI-powered workspace from anywhere with our intelligent mobile interface. Responsive design that adapts to your device and provides contextual assistance on the go.",
33
- },
34
- ];
35
- return (_jsx(SharedFeatures, { id: "features", sectionHeading: "AI-Powered Features", sectionSubheading: "Experience the future of intelligent automation with our cutting-edge AI technology", featuresData: featuresData, section: {
36
- className: "py-20 md:py-24 lg:py-28 bg-white dark:bg-gray-900",
37
- }, container: { className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }, header: { className: "text-center mb-16" }, heading: {
38
- className: "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white text-center font-outfit",
39
- }, subheading: {
40
- className: "text-lg md:text-xl text-gray-600 dark:text-gray-300 max-w-4xl mx-auto leading-relaxed font-inter",
41
- }, grid: {
42
- className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-8 md:gap-10",
43
- }, card: {
44
- className: "h-full transition-all duration-500 hover:-translate-y-4 hover:shadow-2xl hover:shadow-purple-500/20 group border border-gray-100 dark:border-gray-800 rounded-xl overflow-hidden",
45
- }, image: {
46
- className: "object-cover transition-transform duration-300 group-hover:scale-102",
47
- }, cardHeading: {
48
- className: "text-lg md:text-xl font-semibold text-gray-800 dark:text-white mb-4 leading-tight font-inter group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-300",
49
- }, cardSubheading: {
50
- className: "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
51
- }, ariaLabel: "AI-powered features for IntelliOpAI", enableMotion: true }));
52
- }
@@ -1,103 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Footer as SharedFooter } from "@nextworks/blocks-sections";
4
- import { Twitter, Linkedin, Github, Youtube, Mail } from "lucide-react";
5
- /**
6
- * Upgraded preset Footer for the Product Launch template wired to the upgraded shared Footer
7
- */
8
- export function Footer() {
9
- return (_jsx(SharedFooter, { id: "footer", footerBrandName: "IntelliOpAI", footerNavLinks: [
10
- {
11
- heading: "Product",
12
- links: [
13
- { name: "Features", href: "#features" },
14
- { name: "Pricing", href: "#pricing" },
15
- { name: "API Documentation", href: "#api-docs" },
16
- { name: "FAQ", href: "#faq" },
17
- ],
18
- },
19
- {
20
- heading: "Company",
21
- links: [
22
- { name: "About", href: "#about" },
23
- { name: "Careers", href: "#careers" },
24
- { name: "Blog", href: "#blog" },
25
- { name: "Contact", href: "#contact" },
26
- ],
27
- },
28
- {
29
- heading: "Resources",
30
- links: [
31
- { name: "Help Center", href: "#help" },
32
- { name: "Terms of Service", href: "#terms" },
33
- { name: "Privacy Policy", href: "#privacy" },
34
- { name: "System Status", href: "#status" },
35
- ],
36
- },
37
- {
38
- heading: "Developers",
39
- links: [
40
- { name: "API Reference", href: "#api" },
41
- { name: "SDKs", href: "#sdk" },
42
- { name: "GitHub", href: "https://github.com", external: true },
43
- { name: "Community", href: "#community" },
44
- ],
45
- },
46
- ], footerSocialLinks: [
47
- {
48
- name: "Twitter",
49
- icon: Twitter,
50
- url: "https://twitter.com/intelliopai",
51
- external: true,
52
- label: "Follow IntelliOpAI on Twitter",
53
- },
54
- {
55
- name: "LinkedIn",
56
- icon: Linkedin,
57
- url: "https://linkedin.com/company/intelliopai",
58
- external: true,
59
- label: "Connect with IntelliOpAI on LinkedIn",
60
- },
61
- {
62
- name: "GitHub",
63
- icon: Github,
64
- url: "https://github.com/intelliopai",
65
- external: true,
66
- label: "View IntelliOpAI on GitHub",
67
- },
68
- {
69
- name: "YouTube",
70
- icon: Youtube,
71
- url: "https://youtube.com/@intelliopai",
72
- external: true,
73
- label: "Watch IntelliOpAI on YouTube",
74
- },
75
- {
76
- name: "Email",
77
- icon: Mail,
78
- url: "mailto:hello@intelliopai.com",
79
- external: true,
80
- label: "Contact IntelliOpAI via email",
81
- },
82
- ], section: {
83
- className: "w-full bg-white dark:bg-black text-gray-800 dark:text-white border-t border-gray-200 dark:border-gray-800",
84
- }, container: { className: "max-w-7xl mx-auto px-6" }, brand: {
85
- className: "text-xl md:text-2xl font-bold text-purple-600 dark:text-purple-400 font-outfit",
86
- }, brandWrapper: {
87
- className: "flex flex-col items-start text-left lg:pr-8",
88
- }, navSection: {
89
- className: "flex flex-col lg:flex-row items-start justify-between gap-8 lg:gap-12 pt-10.5 pb-12",
90
- }, navGroup: {
91
- className: "flex flex-col items-start text-left min-w-[150px] pt-1.5",
92
- }, navHeading: {
93
- className: "font-semibold text-gray-800 dark:text-white mb-4 text-sm uppercase tracking-wider font-inter",
94
- }, navLink: {
95
- className: "text-gray-600 dark:text-gray-300 hover:text-purple-600 dark:hover:text-purple-400 transition-colors duration-200 text-sm mb-3 font-inter block",
96
- }, socialSection: {
97
- className: "flex items-center justify-center gap-6 py-8 border-t border-gray-200 dark:border-gray-800",
98
- }, socialLink: {
99
- className: "text-gray-600 dark:text-gray-300 hover:text-purple-600 dark:hover:text-purple-400 transition-all duration-200 p-3 rounded-lg hover:bg-purple-50 dark:hover:bg-purple-900/20 hover:scale-110",
100
- }, socialIcon: { className: "h-6 w-6" }, copyright: {
101
- className: "text-center text-sm text-gray-500 dark:text-gray-400 py-6 border-t border-gray-200 dark:border-gray-800 font-inter",
102
- }, ariaLabel: "IntelliOpAI footer" }));
103
- }
@@ -1,70 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { HeroSplit as SharedHeroSplit } from "@nextworks/blocks-sections";
4
- /**
5
- * Product Launch preset for Hero, wired to the upgraded shared HeroSplit component
6
- * using the slots + cn API.
7
- */
8
- export function Hero() {
9
- return (_jsx(SharedHeroSplit, { heading: {
10
- text: "Revolutionize Your Workflow with AI",
11
- className: "text-3xl md:text-4xl lg:text-5xl xl:text-6xl font-bold leading-tight text-black dark:text-white font-outfit mx-auto",
12
- }, subheading: {
13
- text: "Transform your business operations with our cutting-edge AI solutions. Streamline processes, boost productivity, and unlock new possibilities for growth.",
14
- className: "text-base md:text-lg lg:text-xl text-gray-700 dark:text-gray-100 mt-6 mb-8 max-w-2xl font-inter leading-relaxed mx-auto",
15
- }, section: {
16
- className: "bg-gradient-to-br from-white via-purple-50 to-white dark:from-gray-900 dark:via-purple-950/20 dark:to-gray-900 pt-16 px-8 pb-8",
17
- }, cta1: {
18
- label: "Get Started",
19
- href: "#contact",
20
- variant: "default",
21
- size: "lg",
22
- className: [
23
- "text-base font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
24
- "[--btn-bg:theme(colors.purple.600)]",
25
- "hover:[--btn-hover-bg:theme(colors.purple.700)]",
26
- "[--btn-fg:theme(colors.white)]",
27
- "hover:[--btn-hover-fg:theme(colors.white)]",
28
- ].join(" "),
29
- }, cta2: {
30
- label: "Learn More",
31
- href: "#features",
32
- variant: "outline",
33
- size: "lg",
34
- className: [
35
- // layout/typography/shadow/transitions
36
- "text-base font-semibold shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
37
- // base colors (ensure outline has transparent bg instead of token background)
38
- "[--btn-bg:transparent]",
39
- // CSS variable overrides to control colors while keeping the outline variant structure
40
- "[--btn-fg:theme(colors.purple.600)]",
41
- "[--btn-border:theme(colors.purple.600)]",
42
- "hover:[--btn-hover-bg:theme(colors.purple.50)]",
43
- "hover:[--btn-hover-fg:theme(colors.purple.600)]",
44
- // dark mode
45
- "dark:[--btn-bg:transparent]",
46
- "dark:[--btn-fg:theme(colors.purple.500)]",
47
- "dark:[--btn-border:theme(colors.purple.500)]",
48
- "dark:hover:[--btn-hover-bg:theme(colors.purple.950)]",
49
- "dark:hover:[--btn-hover-fg:theme(colors.purple.500)]",
50
- // ensure hover text stays the intended color in light mode
51
- "hover:[--btn-hover-fg:theme(colors.purple.600)]",
52
- // ensure a border width is present for the outline variant override cases
53
- "border",
54
- ].join(" "),
55
- }, image: {
56
- src: "/placeholders/product_launch/hero.png",
57
- alt: "AI-powered workflow illustration",
58
- className: "object-contain",
59
- }, imageLayout: "padded", imageContainer: {
60
- className: "md:h-80 lg:h-96 md:w-1/2",
61
- }, textContainer: {
62
- className: " flex-1 p-5 lg:p-8 text-center lg:text-left",
63
- }, buttonsContainer: {
64
- className: [
65
- "flex flex-col sm:flex-row gap-4 mt-8 justify-center lg:justify-start",
66
- "[--btn-ring:theme(colors.purple.500)]",
67
- "dark:[--btn-ring:theme(colors.purple.400)]",
68
- ].join(" "),
69
- }, textAlign: "center", ariaLabel: "Revolutionize your workflow with AI hero section" }));
70
- }
@@ -1,82 +0,0 @@
1
- // app/templates/productlaunch/components/Navbar.tsx
2
- "use client";
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
- import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
5
- const defaultProps = {
6
- brand: "IntelliOpAI",
7
- menuItems: [
8
- { label: "Home", href: "#home" },
9
- { label: "Features", href: "#features" },
10
- { label: "Pricing", href: "#pricing" },
11
- { label: "FAQ", href: "#faq" },
12
- { label: "Contact", href: "#contact" },
13
- ],
14
- ctaButton: null,
15
- showColorModeToggle: true,
16
- navHeight: "h-16",
17
- sticky: true,
18
- ariaLabel: "IntelliOpAI main navigation",
19
- // Top-level className is left empty so page-level overrides can add layout constraints if needed.
20
- className: "",
21
- // Style slots tuned for the purple theme
22
- nav: {
23
- className: "bg-white dark:bg-gray-900 text-gray-800 dark:text-white border-b border-gray-200 dark:border-gray-800 " +
24
- // Accent variables for this preset (read by toggle, links, mobile links)
25
- "[--navbar-accent:theme(colors.purple.600)] dark:[--navbar-accent:theme(colors.purple.400)] " +
26
- "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.gray.900)] " +
27
- "[--navbar-hover-bg:theme(colors.purple.50)] dark:[--navbar-hover-bg:color-mix(in oklab,oklch(0.17 0.05 324) 20%, transparent)] " +
28
- "[--navbar-ring:theme(colors.purple.500)] dark:[--navbar-ring:theme(colors.purple.400)] " +
29
- "[--navbar-border:theme(colors.gray.200)] dark:[--navbar-border:theme(colors.gray.800)]",
30
- },
31
- brandText: {
32
- className: "text-xl md:text-2xl font-bold font-outfit text-purple-700 dark:text-purple-500",
33
- },
34
- links: {
35
- className: "text-sm font-medium font-inter text-gray-800 dark:text-white hover:text-purple-700 dark:hover:text-purple-500 " +
36
- "focus:ring-[var(--navbar-ring)]",
37
- },
38
- // Preset keeps CTA hidden; if you enable it, these defaults give a subtle lift effect
39
- ctaButtonStyle: {
40
- variant: "default",
41
- size: "default",
42
- className: "shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
43
- },
44
- mobileMenu: {
45
- className: "border-t border-gray-200 dark:border-gray-800",
46
- },
47
- container: {
48
- className: "max-w-7xl mx-auto",
49
- },
50
- brandWrapper: {
51
- className: "", // base layout is provided by SharedNavbar; override here if needed
52
- },
53
- desktopMenu: {
54
- className: "hidden items-center space-x-1 md:flex lg:space-x-6",
55
- },
56
- toggleButton: {
57
- className: "md:hidden flex items-center justify-center rounded-md p-2 transition-colors " +
58
- "hover:bg-purple-50 dark:hover:bg-purple-900/20 " +
59
- "focus:outline-none focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400",
60
- },
61
- colorModeWrapper: {
62
- className: "ml-2",
63
- },
64
- // With variables above, ThemeToggle can rely on them; explicit override optional
65
- // themeToggle: { ... }
66
- ctaButtonWrapper: {
67
- className: "ml-2",
68
- },
69
- mobileMenuInner: {
70
- className: "space-y-2 px-4 pt-2 pb-4",
71
- },
72
- // Mobile links will read --navbar-hover-bg; explicit class optional
73
- mobileLinks: {
74
- className: "hover:bg-[var(--navbar-hover-bg)]",
75
- },
76
- };
77
- export function Navbar(overrides = {}) {
78
- // Shallow-merge: passing a style-slot object (e.g., links, nav, etc.)
79
- // replaces the default for that slot. This keeps the API simple and predictable.
80
- const props = Object.assign(Object.assign({}, defaultProps), overrides);
81
- return _jsx(SharedNavbar, Object.assign({}, props));
82
- }
@@ -1,77 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
4
- /**
5
- * Product Launch preset for Pricing wired to the upgraded shared Pricing component
6
- */
7
- export function Pricing() {
8
- return (_jsx(SharedPricing, { id: "pricing", pricingHeadingText: "Choose Your AI Plan", pricingPlans: [
9
- {
10
- pricingPlanHeaderText: "Starter",
11
- pricingPlanPrice: "$29",
12
- pricingPlanFeatures: [
13
- "Up to 1,000 AI requests/month",
14
- "Basic AI models access",
15
- "Email support",
16
- "Standard analytics",
17
- "API access",
18
- ],
19
- pricingPlanCTALabel: "Get Started",
20
- pricingPlanCTAHref: "#contact",
21
- },
22
- {
23
- pricingPlanHeaderText: "Professional",
24
- pricingPlanPrice: "$99",
25
- pricingPlanFeatures: [
26
- "Up to 10,000 AI requests/month",
27
- "Advanced AI models access",
28
- "Priority support",
29
- "Advanced analytics & insights",
30
- "Full API access",
31
- "Custom integrations",
32
- "Team collaboration tools",
33
- ],
34
- pricingPlanCTALabel: "Start Free Trial",
35
- pricingPlanCTAHref: "#contact",
36
- isPopular: true,
37
- },
38
- {
39
- pricingPlanHeaderText: "Enterprise",
40
- pricingPlanPrice: "Custom",
41
- pricingPlanFeatures: [
42
- "Unlimited AI requests",
43
- "Premium AI models access",
44
- "24/7 dedicated support",
45
- "Custom analytics dashboard",
46
- "White-label solutions",
47
- "Custom model training",
48
- "SLA guarantee",
49
- "On-premise deployment",
50
- ],
51
- pricingPlanCTALabel: "Contact Sales",
52
- pricingPlanCTAHref: "#contact",
53
- },
54
- ], section: {
55
- className: "pt-20 pb-16 bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-white",
56
- }, container: { className: "max-w-7xl mx-auto px-6" }, heading: {
57
- className: "text-3xl md:text-4xl lg:text-5xl font-bold text-center text-gray-800 dark:text-white mb-4 font-outfit",
58
- }, grid: {
59
- className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-12",
60
- }, card: {
61
- className: "relative bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-2xl shadow-lg hover:shadow-2xl hover:shadow-purple-500/20 transition-all duration-300 hover:-translate-y-2 hover:border-purple-300 dark:hover:border-purple-600",
62
- }, header: {
63
- className: "p-8 text-center border-b border-gray-200 dark:border-gray-700",
64
- }, title: {
65
- className: "text-xl md:text-2xl font-bold text-gray-800 dark:text-white mb-3 font-outfit",
66
- }, price: {
67
- className: "text-3xl md:text-4xl font-bold text-purple-600 dark:text-purple-400 mb-6 font-outfit",
68
- }, features: { className: "p-8 space-y-4" }, featureItem: {
69
- className: "flex items-center text-gray-600 dark:text-gray-300 text-sm md:text-base font-inter",
70
- }, cta: {
71
- variant: "default",
72
- size: "lg",
73
- className: "w-full font-semibold text-base shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 border-0 [--btn-bg:theme(colors.purple.600)] hover:[--btn-hover-bg:theme(colors.purple.700)] [--btn-fg:white] hover:[--btn-hover-fg:white] [--btn-border:transparent]",
74
- }, popularBadge: {
75
- className: "absolute -top-4 left-1/2 transform -translate-x-1/2 bg-purple-600 text-white px-6 py-2 rounded-full text-sm font-medium font-inter shadow-lg",
76
- }, ariaLabel: "IntelliOpAI pricing plans" }));
77
- }
@@ -1,63 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { ProcessTimeline as SharedProcessTimeline } from "@nextworks/blocks-sections";
4
- /**
5
- * Product Launch preset for ProcessTimeline wired to the upgraded shared ProcessTimeline component
6
- */
7
- export function ProcessTimeline() {
8
- const steps = [
9
- {
10
- stepNumber: 1,
11
- title: "Instant AI Assessment",
12
- description: "Get your personalized AI readiness report in minutes. Our intelligent system analyzes your data and identifies breakthrough opportunities.",
13
- icon: "🧠",
14
- },
15
- {
16
- stepNumber: 2,
17
- title: "Smart AI Configuration",
18
- description: "Our AI configures itself for your business. No coding required - just tell us your goals and watch the magic happen.",
19
- icon: "⚙️",
20
- },
21
- {
22
- stepNumber: 3,
23
- title: "Real-time AI Training",
24
- description: "Watch your AI learn and improve in real-time. Our breakthrough algorithms adapt to your data patterns instantly.",
25
- icon: "🎯",
26
- },
27
- {
28
- stepNumber: 4,
29
- title: "Launch & Scale",
30
- description: "Deploy your AI in minutes, not months. Continuous learning ensures your AI gets smarter every day.",
31
- icon: "🚀",
32
- },
33
- ];
34
- return (_jsx(SharedProcessTimeline, { steps: steps, heading: "How AI Gets Done in Minutes", subheading: "Experience the future of AI deployment with our revolutionary 4-step process that transforms your business in real-time.", section: { className: "py-20 md:py-24 bg-white dark:bg-black" }, container: { className: "max-w-6xl mx-auto px-6 md:px-12" }, header: { className: "space-y-6 mb-16 md:mb-20 text-center" }, headingStyle: {
35
- className: "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white leading-tight font-outfit",
36
- }, subheadingStyle: {
37
- className: "text-lg md:text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto leading-relaxed font-inter",
38
- }, timelineContainer: { className: "w-full max-w-5xl mx-auto" }, desktopTimeline: {
39
- className: "hidden lg:flex justify-between items-start relative w-full",
40
- }, connectingLine: {
41
- className: "absolute top-8 left-15 right-15 h-1 bg-purple-300 dark:bg-purple-600 z-10",
42
- }, stepContainer: {
43
- className: "flex flex-col items-center space-y-6 flex-1 max-w-56 relative z-20",
44
- }, stepCircle: {
45
- className: "w-16 h-16 bg-gradient-to-br from-purple-600 to-purple-700 dark:from-purple-500 dark:to-purple-600 text-white font-bold text-2xl rounded-full flex items-center justify-center shadow-xl hover:shadow-2xl hover:shadow-purple-500/50 transition-all duration-300 hover:-translate-y-1 hover:scale-110 relative z-30",
46
- }, stepNumber: { className: "text-white font-bold text-2xl font-outfit" }, stepIcon: { className: "text-3xl md:text-4xl mb-3" }, stepContent: { className: "space-y-3 text-center" }, stepTitle: {
47
- className: "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit",
48
- }, stepDescription: {
49
- className: "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
50
- }, mobileTimeline: {
51
- className: "flex lg:hidden flex-col space-y-10 w-full",
52
- }, mobileStep: { className: "flex items-start relative" }, mobileVerticalLine: {
53
- className: "absolute left-8 top-16 bottom-[-2.5rem] w-1 bg-purple-300 dark:bg-purple-600 z-10",
54
- }, mobileStepCircle: {
55
- className: "w-16 h-16 bg-purple-600 dark:bg-purple-500 text-white font-bold text-2xl rounded-full flex items-center justify-center shadow-xl hover:shadow-2xl transition-all duration-300 hover:-translate-y-1 flex-shrink-0 mr-8 z-20",
56
- }, mobileStepContent: {
57
- className: "flex flex-col items-start space-y-4 flex-1 pt-2",
58
- }, mobileStepIcon: { className: "text-3xl md:text-4xl" }, mobileStepTitle: {
59
- className: "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit",
60
- }, mobileStepDescription: {
61
- className: "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter",
62
- }, ariaLabel: "IntelliOpAI process timeline" }));
63
- }
@@ -1,41 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { ServicesGrid as SharedServicesGrid } from "@nextworks/blocks-sections";
4
- /**
5
- * Product Launch preset for ServicesGrid wired to the upgraded shared ServicesGrid component
6
- */
7
- export function ServicesGrid() {
8
- const servicesData = [
9
- {
10
- icon: "🤖",
11
- title: "AI Automation Solutions",
12
- description: "Streamline your business processes with intelligent automation that reduces manual work and increases efficiency by up to 80%.",
13
- },
14
- {
15
- icon: "📊",
16
- title: "Predictive Analytics",
17
- description: "Make data-driven decisions with AI-powered insights that predict trends, optimize operations, and maximize ROI.",
18
- },
19
- {
20
- icon: "💬",
21
- title: "Intelligent Chatbots",
22
- description: "Enhance customer experience with AI chatbots that provide instant, accurate responses 24/7 and reduce support costs.",
23
- },
24
- {
25
- icon: "🔍",
26
- title: "Smart Document Processing",
27
- description: "Extract and analyze information from documents automatically, reducing processing time by 90% and improving accuracy.",
28
- },
29
- ];
30
- return (_jsx(SharedServicesGrid, { enableMotion: true, sectionHeading: "AI-Powered Solutions", servicesData: servicesData, section: { className: "py-20 md:py-24 lg:py-28 bg-white dark:bg-black" }, container: { className: "max-w-6xl mx-auto px-6 md:px-8 lg:px-12" }, heading: {
31
- className: "text-3xl md:text-4xl lg:text-5xl font-bold text-gray-800 dark:text-white text-center mb-12 md:mb-16 font-outfit",
32
- }, grid: { className: "grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-10" }, card: {
33
- className: "bg-white dark:bg-gray-800 p-8 md:p-10 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-300 group",
34
- }, cardContent: { className: "flex flex-col items-start h-full space-y-6" }, icon: {
35
- className: "text-5xl md:text-6xl group-hover:scale-110 transition-transform duration-300",
36
- }, title: {
37
- className: "text-lg md:text-xl font-semibold text-gray-800 dark:text-white leading-tight font-outfit group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors duration-300",
38
- }, description: {
39
- className: "text-sm md:text-base text-gray-600 dark:text-gray-300 leading-relaxed font-inter flex-1",
40
- }, ariaLabel: "IntelliOpAI services section" }));
41
- }