Merge version_1 into main #2
@@ -55,12 +55,12 @@ export default function LandingPage() {
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-sleek-modern-ai-dashboard-interface-sh-1773172523643-d98777d9.png?_wi=1", imageAlt: "EmpireAI Dashboard Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-personalized-ai-mentor-coaching-interf-1773172523805-7fbc62d6.png?_wi=1", imageAlt: "AI Mentor Learning Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-project-builder-workspace-showing-task-1773172523626-97b6b666.png?_wi=1", imageAlt: "Project Builder Workspace" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-smart-prompt-and-idea-vault-interface--1773172523230-f33f45c5.png?_wi=1", imageAlt: "Prompt and Idea Vault" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-comprehensive-platform-overview-showin-1773172524990-f87d0bd0.png?_wi=1", imageAlt: "Platform Ecosystem Overview" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-sleek-modern-ai-dashboard-interface-sh-1773172523643-d98777d9.png?_wi=2", imageAlt: "Dashboard with Analytics" }
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-sleek-modern-ai-dashboard-interface-sh-1773172523643-d98777d9.png", imageAlt: "EmpireAI Dashboard Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-personalized-ai-mentor-coaching-interf-1773172523805-7fbc62d6.png", imageAlt: "AI Mentor Learning Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-project-builder-workspace-showing-task-1773172523626-97b6b666.png", imageAlt: "Project Builder Workspace" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-smart-prompt-and-idea-vault-interface--1773172523230-f33f45c5.png", imageAlt: "Prompt and Idea Vault" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-comprehensive-platform-overview-showin-1773172524990-f87d0bd0.png", imageAlt: "Platform Ecosystem Overview" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-sleek-modern-ai-dashboard-interface-sh-1773172523643-d98777d9.png", imageAlt: "Dashboard with Analytics" }
|
||||
]}
|
||||
ariaLabel="EmpireAI Hero Section"
|
||||
/>
|
||||
@@ -78,23 +78,23 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "AI Mentor & Learning System", description: "Step-by-step guidance in skills, entrepreneurship, and creativity. Get personalized learning roadmaps, daily missions, quizzes, and challenges with AI explanations that make complex concepts simple.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-personalized-ai-mentor-coaching-interf-1773172523805-7fbc62d6.png?_wi=2", imageAlt: "AI Mentor Interface"
|
||||
title: "AI Mentor & Learning System", description: "Step-by-step guidance in skills, entrepreneurship, and creativity. Get personalized learning roadmaps, daily missions, quizzes, and challenges with AI explanations that make complex concepts simple.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-personalized-ai-mentor-coaching-interf-1773172523805-7fbc62d6.png", imageAlt: "AI Mentor Interface"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Project Builder & Tracker", description: "Create, track, and manage mini-projects and digital assets. Build mini-projects with guidance, track progress in real-time, save and iterate on your work for future use and scaling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-project-builder-workspace-showing-task-1773172523626-97b6b666.png?_wi=2", imageAlt: "Project Builder Dashboard"
|
||||
title: "Project Builder & Tracker", description: "Create, track, and manage mini-projects and digital assets. Build mini-projects with guidance, track progress in real-time, save and iterate on your work for future use and scaling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-project-builder-workspace-showing-task-1773172523626-97b6b666.png", imageAlt: "Project Builder Dashboard"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Prompt & Idea Vault", description: "Save prompts, ideas, workflows, and project plans in one intelligent vault. Tag and categorize everything for instant searching, reuse stored content, and get AI suggestions for improvements.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-smart-prompt-and-idea-vault-interface--1773172523230-f33f45c5.png?_wi=2", imageAlt: "Idea Vault Interface"
|
||||
title: "Prompt & Idea Vault", description: "Save prompts, ideas, workflows, and project plans in one intelligent vault. Tag and categorize everything for instant searching, reuse stored content, and get AI suggestions for improvements.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-smart-prompt-and-idea-vault-interface--1773172523230-f33f45c5.png", imageAlt: "Idea Vault Interface"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Automation Engine", description: "Automate learning schedules, task lists, and project workflows effortlessly. Generate digital products automatically, discover tool integrations, and operate like a one-person company.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-smart-prompt-and-idea-vault-interface--1773172523230-f33f45c5.png?_wi=3", imageAlt: "Automation Workflow"
|
||||
title: "Automation Engine", description: "Automate learning schedules, task lists, and project workflows effortlessly. Generate digital products automatically, discover tool integrations, and operate like a one-person company.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-smart-prompt-and-idea-vault-interface--1773172523230-f33f45c5.png", imageAlt: "Automation Workflow"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "Opportunity & Trend Scanner", description: "Discover emerging business and AI opportunities aligned with your interests. Get skill recommendations based on real market trends and startup ideas that match your capabilities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-comprehensive-platform-overview-showin-1773172524990-f87d0bd0.png?_wi=2", imageAlt: "Opportunity Scanner"
|
||||
title: "Opportunity & Trend Scanner", description: "Discover emerging business and AI opportunities aligned with your interests. Get skill recommendations based on real market trends and startup ideas that match your capabilities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-comprehensive-platform-overview-showin-1773172524990-f87d0bd0.png", imageAlt: "Opportunity Scanner"
|
||||
}
|
||||
]}
|
||||
ariaLabel="Platform Features Section"
|
||||
@@ -112,10 +112,11 @@ export default function LandingPage() {
|
||||
{ value: "Free Core Features", title: "Full AI Mentorship & Learning" },
|
||||
{ value: "100% Ethical", title: "Privacy-First Platform" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-comprehensive-platform-overview-showin-1773172524990-f87d0bd0.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-comprehensive-platform-overview-showin-1773172524990-f87d0bd0.png"
|
||||
imageAlt="EmpireAI Platform Architecture"
|
||||
useInvertedBackground={true}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -190,19 +191,19 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "free", title: "Free Tier", price: "$0", period: "forever", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-sleek-modern-ai-dashboard-interface-sh-1773172523643-d98777d9.png?_wi=3", imageAlt: "Free Tier Features", features: [
|
||||
id: "free", title: "Free Tier", price: "$0", period: "forever", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-sleek-modern-ai-dashboard-interface-sh-1773172523643-d98777d9.png", imageAlt: "Free Tier Features", features: [
|
||||
"Full AI mentorship and guidance", "Personal learning roadmap", "Project builder and tracker", "Prompt & idea vault", "Basic automation workflows", "Community access"
|
||||
],
|
||||
button: { text: "Get Started Free", href: "contact" }
|
||||
},
|
||||
{
|
||||
id: "pro", title: "Pro Tier", price: "$29", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-personalized-ai-mentor-coaching-interf-1773172523805-7fbc62d6.png?_wi=3", imageAlt: "Pro Tier Features", features: [
|
||||
id: "pro", title: "Pro Tier", price: "$29", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-personalized-ai-mentor-coaching-interf-1773172523805-7fbc62d6.png", imageAlt: "Pro Tier Features", features: [
|
||||
"Everything in Free Tier", "Advanced automation workflows", "Startup launch systems", "Priority AI mentor support", "Advanced opportunity scanner", "API access for integrations", "Analytics & insights dashboard"
|
||||
],
|
||||
button: { text: "Start Pro Trial", href: "contact" }
|
||||
},
|
||||
{
|
||||
id: "master", title: "Mastermind", price: "$99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-project-builder-workspace-showing-task-1773172523626-97b6b666.png?_wi=3", imageAlt: "Mastermind Features", features: [
|
||||
id: "master", title: "Mastermind", price: "$99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlgAm4wsquWWDLxA894TzTmTts/a-project-builder-workspace-showing-task-1773172523626-97b6b666.png", imageAlt: "Mastermind Features", features: [
|
||||
"Everything in Pro Tier", "1-on-1 AI mentor sessions", "Custom automation systems", "Private mastermind group", "Exclusive opportunity alerts", "Personal success coach", "White-label platform access"
|
||||
],
|
||||
button: { text: "Join Mastermind", href: "contact" }
|
||||
|
||||
@@ -1,51 +1,47 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | string;
|
||||
fill?: string;
|
||||
}
|
||||
|
||||
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,
|
||||
className = '',
|
||||
fontSize = 32,
|
||||
fontWeight = 'bold',
|
||||
fill = 'currentColor',
|
||||
}) => {
|
||||
const textLength = text.length;
|
||||
const charWidth = fontSize * 0.6;
|
||||
const width = charWidth * textLength + 20;
|
||||
const height = fontSize + 20;
|
||||
const x = 10;
|
||||
const y = fontSize + 10;
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
className={className}
|
||||
aria-label={text}
|
||||
>
|
||||
<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={x}
|
||||
y={y}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
dominantBaseline="auto"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user