bender/bb0ee7d6-a00a-4ae0-b731-087aa0b850f2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-11 02:14:13 +00:00
parent c16ffa5007 6b1753dd61
commit d6a19cf685
4 changed files with 124 additions and 341 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
src/app/page.tsx
View File

@@ -7,16 +7,18 @@ import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Star, Rocket } from "lucide-react";
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
@@ -36,9 +38,7 @@ export default function HomePage() {
{ name: "FAQ", id: "faq" },
]}
button={{
text: "Browse Templates",
href: "/templates",
}}
text: "Browse Templates", href: "/templates"}}
animateOnLoad={true}
/>
</div>
@@ -53,17 +53,11 @@ export default function HomePage() {
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148248047.jpg",
imageAlt: "Portfolio template showcase",
},
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148248047.jpg", imageAlt: "Portfolio template showcase"},
{
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148293486.jpg",
imageAlt: "Business website template",
},
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_23-2148293486.jpg", imageAlt: "Business website template"},
{
imageSrc: "http://img.b2bpic.net/free-vector/healthy-restaurant-landing-page-template_23-2148757974.jpg",
imageAlt: "Restaurant template showcase",
},
imageSrc: "http://img.b2bpic.net/free-vector/healthy-restaurant-landing-page-template_23-2148757974.jpg", imageAlt: "Restaurant template showcase"},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -81,28 +75,16 @@ export default function HomePage() {
features={[
{
id: 1,
title: "Choose Your Template",
description:
"Browse 50+ professionally designed templates across portfolio, business, restaurant, and agency categories. Filter by style, industry, and features to find your perfect match.",
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-landing-page-gardening-template_23-2149357558.jpg?_wi=1",
imageAlt: "Template selection interface",
},
title: "Choose Your Template", description:
"Browse 50+ professionally designed templates across portfolio, business, restaurant, and agency categories. Filter by style, industry, and features to find your perfect match.", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-landing-page-gardening-template_23-2149357558.jpg", imageAlt: "Template selection interface"},
{
id: 2,
title: "Select Your Service Level",
description:
"Pick from Template Only, Template + Setup, or Customized Template options. Choose your editing subscription tier based on your customization needs.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-business-infographic-with-photo_23-2148228064.jpg?_wi=1",
imageAlt: "Service tier selection",
},
title: "Select Your Service Level", description:
"Pick from Template Only, Template + Setup, or Customized Template options. Choose your editing subscription tier based on your customization needs.", imageSrc: "http://img.b2bpic.net/free-vector/flat-business-infographic-with-photo_23-2148228064.jpg", imageAlt: "Service tier selection"},
{
id: 3,
title: "Launch & Customize",
description:
"Get instant access to your template with our editing tools. Use our subscription service for ongoing customizations or manage edits yourself through our intuitive interface.",
imageSrc: "http://img.b2bpic.net/free-vector/content-management-system-home-page_23-2148811885.jpg?_wi=1",
imageAlt: "Website customization interface",
},
title: "Launch & Customize", description:
"Get instant access to your template with our editing tools. Use our subscription service for ongoing customizations or manage edits yourself through our intuitive interface.", imageSrc: "http://img.b2bpic.net/free-vector/content-management-system-home-page_23-2148811885.jpg", imageAlt: "Website customization interface"},
]}
/>
</div>
@@ -115,15 +97,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Freelance Creative Co",
"TechFlow Agencies",
"BuildMore Studios",
"DesignHub Pro",
"StartUp Launch",
"Portfolio Masters",
"Business Growth Inc",
"Web Innovation Lab",
]}
"Freelance Creative Co", "TechFlow Agencies", "BuildMore Studios", "DesignHub Pro", "StartUp Launch", "Portfolio Masters", "Business Growth Inc", "Web Innovation Lab"]}
speed={40}
showCard={true}
/>
@@ -139,49 +113,25 @@ export default function HomePage() {
animationType="scale-rotate"
plans={[
{
id: "basic",
price: "$29/year",
name: "Basic",
features: [
"5 edits per year",
"Email support",
"Template library access",
"Basic customization tools",
],
id: "basic", price: "$29/year", name: "Basic", features: [
"5 edits per year", "Email support", "Template library access", "Basic customization tools"],
buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#" },
],
},
{
id: "standard",
badge: "Most Popular",
price: "$59/year",
name: "Standard",
features: [
"10 edits per year",
"Priority email support",
"Template library access",
"Advanced customization",
"Analytics dashboard",
],
id: "standard", badge: "Most Popular", badgeIcon: Star,
price: "$59/year", name: "Standard", features: [
"10 edits per year", "Priority email support", "Template library access", "Advanced customization", "Analytics dashboard"],
buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#" },
],
},
{
id: "premium",
price: "$149/year",
name: "Premium",
features: [
"Unlimited edits",
"24/7 priority support",
"Template library access",
"Custom design requests",
"Advanced analytics",
"White-label options",
],
id: "premium", price: "$149/year", name: "Premium", features: [
"Unlimited edits", "24/7 priority support", "Template library access", "Custom design requests", "Advanced analytics", "White-label options"],
buttons: [
{ text: "Get Started", href: "/contact" },
{ text: "Learn More", href: "#" },
@@ -201,41 +151,17 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Freelance Designer",
company: "Creative Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Freelance Designer", company: "Creative Collective", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Agency Owner",
company: "TechFlow Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg?_wi=1",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Agency Owner", company: "TechFlow Designs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Restaurant Owner",
company: "Modern Bistro Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businesswoman-holding-diary-looking-camera-workplace_23-2148187204.jpg?_wi=1",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Restaurant Owner", company: "Modern Bistro Group", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businesswoman-holding-diary-looking-camera-workplace_23-2148187204.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Small Business Owner",
company: "StartUp Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg?_wi=1",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Small Business Owner", company: "StartUp Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg", imageAlt: "David Kim"},
]}
kpiItems={[
{ value: "2500+", label: "Active Users" },
@@ -252,44 +178,26 @@ export default function HomePage() {
tag="Help & Support"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="entrance-slide"
faqsAnimation="blur-reveal"
faqs={[
{
id: "1",
title: "What's included in each template?",
content:
"Every template includes a fully responsive design, SEO optimization, contact forms, social media integration, and access to our editing tools. Additional features vary by template type and tier.",
},
id: "1", title: "What's included in each template?", content:
"Every template includes a fully responsive design, SEO optimization, contact forms, social media integration, and access to our editing tools. Additional features vary by template type and tier."},
{
id: "2",
title: "Can I customize the templates?",
content:
"Yes! All templates are fully customizable. You can edit content, colors, fonts, and layout using our intuitive interface. Premium subscribers get unlimited edits and priority support for customizations.",
},
id: "2", title: "Can I customize the templates?", content:
"Yes! All templates are fully customizable. You can edit content, colors, fonts, and layout using our intuitive interface. Premium subscribers get unlimited edits and priority support for customizations."},
{
id: "3",
title: "Do I need coding knowledge?",
content:
"Not at all! Our templates and editing tools are designed for non-technical users. Everything is drag-and-drop, making it easy for anyone to create and maintain a professional website.",
},
id: "3", title: "Do I need coding knowledge?", content:
"Not at all! Our templates and editing tools are designed for non-technical users. Everything is drag-and-drop, making it easy for anyone to create and maintain a professional website."},
{
id: "4",
title: "What are the subscription tiers for?",
content:
"Subscriptions cover editing services. Basic includes 5 edits/year, Standard includes 10 edits/year, and Premium includes unlimited edits with priority support. You can purchase templates separately or bundled with subscriptions.",
},
id: "4", title: "What are the subscription tiers for?", content:
"Subscriptions cover editing services. Basic includes 5 edits/year, Standard includes 10 edits/year, and Premium includes unlimited edits with priority support. You can purchase templates separately or bundled with subscriptions."},
{
id: "5",
title: "Can agencies use these templates for clients?",
content:
"Yes! Our Professional & Agencies tier includes white-label options, making templates perfect for reselling to your clients. Volume pricing is available for agencies using multiple templates.",
},
id: "5", title: "Can agencies use these templates for clients?", content:
"Yes! Our Professional & Agencies tier includes white-label options, making templates perfect for reselling to your clients. Volume pricing is available for agencies using multiple templates."},
{
id: "6",
title: "What payment methods do you accept?",
content:
"We accept all major credit cards, PayPal, and offer monthly billing options. Enterprise customers can arrange custom payment terms. All transactions are secure and encrypted.",
},
id: "6", title: "What payment methods do you accept?", content:
"We accept all major credit cards, PayPal, and offer monthly billing options. Enterprise customers can arrange custom payment terms. All transactions are secure and encrypted."},
]}
/>
</div>
@@ -299,6 +207,7 @@ export default function HomePage() {
tag="Get Started"
title="Ready to Launch Your Professional Website?"
description="Join thousands of freelancers, agencies, and businesses already using ANLY templates. Browse templates, customize with ease, and launch today."
tagIcon={Rocket}
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"

131
src/app/pricing/page.tsx
View File

@@ -13,7 +13,7 @@ export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
@@ -33,9 +33,7 @@ export default function PricingPage() {
{ name: "FAQ", id: "faq" },
]}
button={{
text: "Browse Templates",
href: "#templates",
}}
text: "Browse Templates", href: "#templates"}}
animateOnLoad={true}
/>
</div>
@@ -50,71 +48,34 @@ export default function PricingPage() {
animationType="scale-rotate"
plans={[
{
id: "basic",
price: "$29/year",
name: "Basic",
features: [
"5 edits per year",
"Email support",
"Template library access",
"Basic customization tools",
],
id: "basic", price: "$29/year", name: "Basic", features: [
"5 edits per year", "Email support", "Template library access", "Basic customization tools"],
buttons: [
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
],
},
{
id: "standard",
badge: "Most Popular",
badgeIcon: Star,
price: "$59/year",
name: "Standard",
features: [
"10 edits per year",
"Priority email support",
"Template library access",
"Advanced customization",
"Analytics dashboard",
],
id: "standard", badge: "Most Popular", badgeIcon: Star,
price: "$59/year", name: "Standard", features: [
"10 edits per year", "Priority email support", "Template library access", "Advanced customization", "Analytics dashboard"],
buttons: [
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
],
},
{
id: "premium",
price: "$149/year",
name: "Premium",
features: [
"Unlimited edits",
"24/7 priority support",
"Template library access",
"Custom design requests",
"Advanced analytics",
"White-label options",
],
id: "premium", price: "$149/year", name: "Premium", features: [
"Unlimited edits", "24/7 priority support", "Template library access", "Custom design requests", "Advanced analytics", "White-label options"],
buttons: [
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
],
},
]}
@@ -129,15 +90,7 @@ export default function PricingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Freelance Creative Co",
"TechFlow Agencies",
"BuildMore Studios",
"DesignHub Pro",
"StartUp Launch",
"Portfolio Masters",
"Business Growth Inc",
"Web Innovation Lab",
]}
"Freelance Creative Co", "TechFlow Agencies", "BuildMore Studios", "DesignHub Pro", "StartUp Launch", "Portfolio Masters", "Business Growth Inc", "Web Innovation Lab"]}
speed={40}
showCard={true}
/>
@@ -150,44 +103,26 @@ export default function PricingPage() {
tag="Help & Support"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="entrance-slide"
faqsAnimation="blur-reveal"
faqs={[
{
id: "1",
title: "What's included in each template?",
content:
"Every template includes a fully responsive design, SEO optimization, contact forms, social media integration, and access to our editing tools. Additional features vary by template type and tier.",
},
id: "1", title: "What's included in each template?", content:
"Every template includes a fully responsive design, SEO optimization, contact forms, social media integration, and access to our editing tools. Additional features vary by template type and tier."},
{
id: "2",
title: "Can I customize the templates?",
content:
"Yes! All templates are fully customizable. You can edit content, colors, fonts, and layout using our intuitive interface. Premium subscribers get unlimited edits and priority support for customizations.",
},
id: "2", title: "Can I customize the templates?", content:
"Yes! All templates are fully customizable. You can edit content, colors, fonts, and layout using our intuitive interface. Premium subscribers get unlimited edits and priority support for customizations."},
{
id: "3",
title: "Do I need coding knowledge?",
content:
"Not at all! Our templates and editing tools are designed for non-technical users. Everything is drag-and-drop, making it easy for anyone to create and maintain a professional website.",
},
id: "3", title: "Do I need coding knowledge?", content:
"Not at all! Our templates and editing tools are designed for non-technical users. Everything is drag-and-drop, making it easy for anyone to create and maintain a professional website."},
{
id: "4",
title: "What are the subscription tiers for?",
content:
"Subscriptions cover editing services. Basic includes 5 edits/year, Standard includes 10 edits/year, and Premium includes unlimited edits with priority support. You can purchase templates separately or bundled with subscriptions.",
},
id: "4", title: "What are the subscription tiers for?", content:
"Subscriptions cover editing services. Basic includes 5 edits/year, Standard includes 10 edits/year, and Premium includes unlimited edits with priority support. You can purchase templates separately or bundled with subscriptions."},
{
id: "5",
title: "Can agencies use these templates for clients?",
content:
"Yes! Our Professional & Agencies tier includes white-label options, making templates perfect for reselling to your clients. Volume pricing is available for agencies using multiple templates.",
},
id: "5", title: "Can agencies use these templates for clients?", content:
"Yes! Our Professional & Agencies tier includes white-label options, making templates perfect for reselling to your clients. Volume pricing is available for agencies using multiple templates."},
{
id: "6",
title: "What payment methods do you accept?",
content:
"We accept all major credit cards, PayPal, and offer monthly billing options. Enterprise customers can arrange custom payment terms. All transactions are secure and encrypted.",
},
id: "6", title: "What payment methods do you accept?", content:
"We accept all major credit cards, PayPal, and offer monthly billing options. Enterprise customers can arrange custom payment terms. All transactions are secure and encrypted."},
]}
/>
</div>
@@ -196,13 +131,9 @@ export default function PricingPage() {
<FooterLogoReveal
logoText="ANLY"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ThemeProvider>

94
src/app/templates/page.tsx
View File

@@ -7,12 +7,13 @@ import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Rocket } from "lucide-react";
export default function TemplatesPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
@@ -32,9 +33,7 @@ export default function TemplatesPage() {
{ name: "FAQ", id: "faq" },
]}
button={{
text: "Browse Templates",
href: "/templates",
}}
text: "Browse Templates", href: "/templates"}}
animateOnLoad={true}
/>
</div>
@@ -50,52 +49,22 @@ export default function TemplatesPage() {
animationType="slide-up"
products={[
{
id: "portfolio-minimal",
name: "Minimal Portfolio Pro",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-vector/general-business-landing-page-template_23-2148960842.jpg",
imageAlt: "Minimal portfolio template",
initialQuantity: 1,
id: "portfolio-minimal", name: "Minimal Portfolio Pro", price: "$79", imageSrc: "http://img.b2bpic.net/free-vector/general-business-landing-page-template_23-2148960842.jpg", imageAlt: "Minimal portfolio template", initialQuantity: 1,
},
{
id: "portfolio-creative",
name: "Creative Showcase",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-with-color-year-2022_23-2149217369.jpg",
imageAlt: "Creative showcase template",
initialQuantity: 1,
id: "portfolio-creative", name: "Creative Showcase", price: "$89", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-with-color-year-2022_23-2149217369.jpg", imageAlt: "Creative showcase template", initialQuantity: 1,
},
{
id: "business-corporate",
name: "Corporate Business",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-group-photo_23-2148274072.jpg",
imageAlt: "Corporate business template",
initialQuantity: 1,
id: "business-corporate", name: "Corporate Business", price: "$99", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-group-photo_23-2148274072.jpg", imageAlt: "Corporate business template", initialQuantity: 1,
},
{
id: "restaurant-modern",
name: "Restaurant Digital",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-psd/restaurant-promo-landing-page-template_23-2148642164.jpg",
imageAlt: "Modern restaurant template",
initialQuantity: 1,
id: "restaurant-modern", name: "Restaurant Digital", price: "$85", imageSrc: "http://img.b2bpic.net/free-psd/restaurant-promo-landing-page-template_23-2148642164.jpg", imageAlt: "Modern restaurant template", initialQuantity: 1,
},
{
id: "agency-studio",
name: "Agency Studio",
price: "$109",
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_52683-22734.jpg",
imageAlt: "Agency studio template",
initialQuantity: 1,
id: "agency-studio", name: "Agency Studio", price: "$109", imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-with-photo_52683-22734.jpg", imageAlt: "Agency studio template", initialQuantity: 1,
},
{
id: "shop-ecommerce",
name: "E-Commerce Shop",
price: "$119",
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-black-friday-sale-landing-page_23-2150829125.jpg",
imageAlt: "E-commerce shop template",
initialQuantity: 1,
id: "shop-ecommerce", name: "E-Commerce Shop", price: "$119", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-black-friday-sale-landing-page_23-2150829125.jpg", imageAlt: "E-commerce shop template", initialQuantity: 1,
},
]}
/>
@@ -108,44 +77,26 @@ export default function TemplatesPage() {
tag="Help & Support"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="entrance-slide"
faqsAnimation="blur-reveal"
faqs={[
{
id: "1",
title: "Which template is best for my business type?",
content:
"We categorize templates by industry: Portfolio for creative professionals, Corporate for businesses, Restaurant for food & beverage, Agency for design services, and E-Commerce for online retail. Browse by category or use our filter to match your needs.",
},
id: "1", title: "Which template is best for my business type?", content:
"We categorize templates by industry: Portfolio for creative professionals, Corporate for businesses, Restaurant for food & beverage, Agency for design services, and E-Commerce for online retail. Browse by category or use our filter to match your needs."},
{
id: "2",
title: "Can I see a live demo of templates?",
content:
"Yes! Each template card includes a preview button. Click to see a full interactive demo of the template before purchasing. This gives you a complete view of all features and layouts.",
},
id: "2", title: "Can I see a live demo of templates?", content:
"Yes! Each template card includes a preview button. Click to see a full interactive demo of the template before purchasing. This gives you a complete view of all features and layouts."},
{
id: "3",
title: "What technical support do templates include?",
content:
"All templates include basic documentation and setup guides. Premium subscribers get priority email support and access to our knowledge base. Custom development requests are available through our services team.",
},
id: "3", title: "What technical support do templates include?", content:
"All templates include basic documentation and setup guides. Premium subscribers get priority email support and access to our knowledge base. Custom development requests are available through our services team."},
{
id: "4",
title: "Are there seasonal or specialty templates?",
content:
"We regularly update our template library with seasonal designs and industry-specific templates. New releases are announced to subscribers, and old templates can be archived to keep your library current.",
},
id: "4", title: "Are there seasonal or specialty templates?", content:
"We regularly update our template library with seasonal designs and industry-specific templates. New releases are announced to subscribers, and old templates can be archived to keep your library current."},
{
id: "5",
title: "Can I combine features from multiple templates?",
content:
"Premium subscribers can request custom combinations. Our design team can merge elements from multiple templates or create variations. Contact our services team for custom arrangement options.",
},
id: "5", title: "Can I combine features from multiple templates?", content:
"Premium subscribers can request custom combinations. Our design team can merge elements from multiple templates or create variations. Contact our services team for custom arrangement options."},
{
id: "6",
title: "How often are templates updated?",
content:
"We update templates monthly with bug fixes, performance improvements, and new features. All updates are free for current users. New template releases happen quarterly with fresh designs and technologies.",
},
id: "6", title: "How often are templates updated?", content:
"We update templates monthly with bug fixes, performance improvements, and new features. All updates are free for current users. New template releases happen quarterly with fresh designs and technologies."},
]}
/>
</div>
@@ -155,6 +106,7 @@ export default function TemplatesPage() {
tag="Get Started"
title="Ready to Choose Your Template?"
description="Select from our 50+ professional templates, customize to match your brand, and launch your website in minutes."
tagIcon={Rocket}
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"

63
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,42 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React, { ReactNode } from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
fontSize?: number;
fontWeight?: number | string;
fontFamily?: string;
fill?: string;
className?: string;
children?: ReactNode;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
fontSize = 48,
fontWeight = 700,
fontFamily = "system-ui, -apple-system, sans-serif", fill = "currentColor", className = "", children,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 200 60"
className={className}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
fontSize={fontSize}
fontWeight={fontWeight}
fontFamily={fontFamily}
fill={fill}
textAnchor="middle"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
{children}
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;