Merge version_1 into main #2
@@ -19,7 +19,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -48,24 +48,24 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
title="Learn Affiliate Marketing & Start Earning Online in 2026"
|
||||
description="Whether you're a beginner or want to scale to $10k/month, our courses teach you exactly how to master affiliate marketing step-by-step."
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-displaying-data-charts_482257-119553.jpg?_wi=1", imageAlt: "Affiliate marketing dashboard showing analytics and earnings tracking"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-displaying-data-charts_482257-119553.jpg", imageAlt: "Affiliate marketing dashboard showing analytics and earnings tracking"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-background-with-marketing-strategy_23-2147586197.jpg?_wi=1", imageAlt: "Social media marketing content calendar and promotion schedule"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-background-with-marketing-strategy_23-2147586197.jpg", imageAlt: "Social media marketing content calendar and promotion schedule"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg?_wi=1", imageAlt: "Email marketing automation and customer engagement funnel"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg", imageAlt: "Email marketing automation and customer engagement funnel"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financier-work_1098-15082.jpg?_wi=1", imageAlt: "Affiliate link tracking and commission earnings monitor"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financier-work_1098-15082.jpg", imageAlt: "Affiliate link tracking and commission earnings monitor"
|
||||
}
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/marketing-banners-collection_1212-456.jpg?_wi=1", imageAlt: "TikTok content creation and monetization strategy"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/marketing-banners-collection_1212-456.jpg", imageAlt: "TikTok content creation and monetization strategy"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-charismatic-woman-puts-lip-gloss-drinks-tea-records-video-digital-camera_1258-254847.jpg", imageAlt: "YouTube channel growth and video analytics"
|
||||
@@ -97,23 +97,23 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Beginner Friendly", title: "No experience needed", subtitle: "Perfect for absolute beginners", description: "Our courses are designed specifically for people with zero experience in affiliate marketing. We start from the very basics and guide you through each step with clear, actionable lessons you can implement immediately.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-displaying-data-charts_482257-119553.jpg?_wi=2", imageAlt: "Beginner-friendly course interface"
|
||||
tag: "Beginner Friendly", title: "No experience needed", subtitle: "Perfect for absolute beginners", description: "Our courses are designed specifically for people with zero experience in affiliate marketing. We start from the very basics and guide you through each step with clear, actionable lessons you can implement immediately.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-displaying-data-charts_482257-119553.jpg", imageAlt: "Beginner-friendly course interface"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Proven Methods", title: "Proven strategies that generate real income", subtitle: "Real-world tested techniques", description: "Every strategy taught in our courses has been tested and validated by successful affiliates earning $1k-$10k+ monthly. We teach only methods that actually work, not theory.", imageSrc: "http://img.b2bpic.net/free-vector/flat-background-with-marketing-strategy_23-2147586197.jpg?_wi=2", imageAlt: "Proven strategies dashboard"
|
||||
tag: "Proven Methods", title: "Proven strategies that generate real income", subtitle: "Real-world tested techniques", description: "Every strategy taught in our courses has been tested and validated by successful affiliates earning $1k-$10k+ monthly. We teach only methods that actually work, not theory.", imageSrc: "http://img.b2bpic.net/free-vector/flat-background-with-marketing-strategy_23-2147586197.jpg", imageAlt: "Proven strategies dashboard"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Complete Training", title: "Learn traffic, funnels, and scaling techniques", subtitle: "Full toolkit for growth", description: "Master the complete affiliate marketing toolkit: finding profitable niches, driving traffic, building sales funnels, scaling campaigns, and maximizing commissions across multiple platforms.", imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg?_wi=2", imageAlt: "Complete training materials"
|
||||
tag: "Complete Training", title: "Learn traffic, funnels, and scaling techniques", subtitle: "Full toolkit for growth", description: "Master the complete affiliate marketing toolkit: finding profitable niches, driving traffic, building sales funnels, scaling campaigns, and maximizing commissions across multiple platforms.", imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg", imageAlt: "Complete training materials"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Implementation Ready", title: "Step-by-step lessons you can implement immediately", subtitle: "Actionable from day one", description: "No fluff lectures. Every lesson includes specific action steps you can take today. By the end of each module, you'll have actionable takeaways ready to deploy.", imageSrc: "http://img.b2bpic.net/free-photo/financier-work_1098-15082.jpg?_wi=2", imageAlt: "Implementation-ready lessons"
|
||||
tag: "Implementation Ready", title: "Step-by-step lessons you can implement immediately", subtitle: "Actionable from day one", description: "No fluff lectures. Every lesson includes specific action steps you can take today. By the end of each module, you'll have actionable takeaways ready to deploy.", imageSrc: "http://img.b2bpic.net/free-photo/financier-work_1098-15082.jpg", imageAlt: "Implementation-ready lessons"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
tag: "Latest 2026 Methods", title: "Access to the latest 2026 affiliate marketing methods", subtitle: "Stay ahead of trends", description: "Affiliate marketing evolves constantly. We provide monthly updates on the latest platforms, strategies, algorithm changes, and emerging opportunities to keep you competitive.", imageSrc: "http://img.b2bpic.net/free-vector/marketing-banners-collection_1212-456.jpg?_wi=2", imageAlt: "Latest 2026 methods and trends"
|
||||
tag: "Latest 2026 Methods", title: "Access to the latest 2026 affiliate marketing methods", subtitle: "Stay ahead of trends", description: "Affiliate marketing evolves constantly. We provide monthly updates on the latest platforms, strategies, algorithm changes, and emerging opportunities to keep you competitive.", imageSrc: "http://img.b2bpic.net/free-vector/marketing-banners-collection_1212-456.jpg", imageAlt: "Latest 2026 methods and trends"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
|
||||
@@ -1,51 +1,34 @@
|
||||
"use client";
|
||||
import React, { SVGProps } from 'react';
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
|
||||
text?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
return (
|
||||
const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
|
||||
({ text = 'Webild', className = '', ...props }, ref) => (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
ref={ref}
|
||||
viewBox="0 0 200 50"
|
||||
width="200"
|
||||
height="50"
|
||||
className={className}
|
||||
{...props}
|
||||
>
|
||||
<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="10"
|
||||
y="35"
|
||||
fontSize="32"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
dominantBaseline="auto"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
)
|
||||
);
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
SvgTextLogo.displayName = 'SvgTextLogo';
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user