diff --git a/src/app/page.tsx b/src/app/page.tsx index 41ecdd5..969e4a5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="smallMedium" sizing="mediumLarge" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="inset" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -46,7 +46,7 @@ export default function LandingPage() { tag="Innovation Focused" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "radial-gradient" }} buttons={[ { text: "View My Work", href: "#projects" }, { text: "Get in Touch", href: "#contact" } @@ -54,13 +54,13 @@ export default function LandingPage() { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-cutting-edge-ai-developer-working-with-1773171385542-44ef2250.png?_wi=1", imageAlt: "AI developer workspace with neural networks" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-cutting-edge-ai-developer-working-with-1773171385542-44ef2250.png", imageAlt: "AI developer workspace with neural networks" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-sophisticated-natural-language-process-1773171385074-e967983e.png?_wi=1", imageAlt: "NLP model visualization" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-sophisticated-natural-language-process-1773171385074-e967983e.png", imageAlt: "NLP model visualization" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/computer-vision-system-detecting-and-cla-1773171384893-b0c5ed06.png?_wi=1", imageAlt: "Computer vision system interface" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/computer-vision-system-detecting-and-cla-1773171384893-b0c5ed06.png", imageAlt: "Computer vision system interface" } ]} mediaAnimation="slide-up" @@ -90,7 +90,7 @@ export default function LandingPage() { title: "Leadership", description: "Leading technical teams and mentoring junior engineers in AI development and research methodologies.", icon: Users } ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-cutting-edge-ai-developer-working-with-1773171385542-44ef2250.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-cutting-edge-ai-developer-working-with-1773171385542-44ef2250.png" imageAlt="AI developer at work" mediaAnimation="slide-up" imagePosition="right" @@ -110,13 +110,13 @@ export default function LandingPage() { animationType="slide-up" products={[ { - id: "1", name: "Advanced NLP Pipeline", price: "Published", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-sophisticated-natural-language-process-1773171385074-e967983e.png?_wi=2", imageAlt: "NLP model visualization" + id: "1", name: "Advanced NLP Pipeline", price: "Published", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-sophisticated-natural-language-process-1773171385074-e967983e.png", imageAlt: "NLP model visualization" }, { - id: "2", name: "Real-Time Vision System", price: "Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/computer-vision-system-detecting-and-cla-1773171384893-b0c5ed06.png?_wi=2", imageAlt: "Computer vision interface" + id: "2", name: "Real-Time Vision System", price: "Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/computer-vision-system-detecting-and-cla-1773171384893-b0c5ed06.png", imageAlt: "Computer vision interface" }, { - id: "3", name: "Recommendation Engine", price: "Active", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/recommendation-engine-dashboard-showing--1773171385443-277ce874.png?_wi=1", imageAlt: "Recommendation system dashboard" + id: "3", name: "Recommendation Engine", price: "Active", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/recommendation-engine-dashboard-showing--1773171385443-277ce874.png", imageAlt: "Recommendation system dashboard" } ]} /> @@ -134,7 +134,7 @@ export default function LandingPage() { features={[ { id: 1, - tag: "AI/ML", title: "Machine Learning", subtitle: "Building intelligent models", description: "Deep expertise in supervised, unsupervised, and reinforcement learning. Proficient with PyTorch, TensorFlow, and scikit-learn for model development and experimentation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-sophisticated-natural-language-process-1773171385074-e967983e.png?_wi=3", imageAlt: "Machine learning models" + tag: "AI/ML", title: "Machine Learning", subtitle: "Building intelligent models", description: "Deep expertise in supervised, unsupervised, and reinforcement learning. Proficient with PyTorch, TensorFlow, and scikit-learn for model development and experimentation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/a-sophisticated-natural-language-process-1773171385074-e967983e.png", imageAlt: "Machine learning models" }, { id: 2, @@ -142,11 +142,11 @@ export default function LandingPage() { }, { id: 3, - tag: "Data", title: "Data Engineering", subtitle: "Processing at scale", description: "Building data pipelines with Apache Spark, SQL, and cloud data warehouses. Expertise in ETL processes, data quality, and analytics infrastructure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/computer-vision-system-detecting-and-cla-1773171384893-b0c5ed06.png?_wi=3", imageAlt: "Data processing" + tag: "Data", title: "Data Engineering", subtitle: "Processing at scale", description: "Building data pipelines with Apache Spark, SQL, and cloud data warehouses. Expertise in ETL processes, data quality, and analytics infrastructure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/computer-vision-system-detecting-and-cla-1773171384893-b0c5ed06.png", imageAlt: "Data processing" }, { id: 4, - tag: "Research", title: "AI Research", subtitle: "Innovation leadership", description: "Publishing cutting-edge research, exploring novel architectures, and driving innovation in AI. Experience with research methodologies and academic collaborations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/recommendation-engine-dashboard-showing--1773171385443-277ce874.png?_wi=2", imageAlt: "AI research" + tag: "Research", title: "AI Research", subtitle: "Innovation leadership", description: "Publishing cutting-edge research, exploring novel architectures, and driving innovation in AI. Experience with research methodologies and academic collaborations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AldrmanICAPpcXCI8JuroUar4x/recommendation-engine-dashboard-showing--1773171385443-277ce874.png", imageAlt: "AI research" } ]} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..dd28556 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,44 @@ -"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?: 'normal' | 'bold' | 'lighter' | 'bolder' | number; + letterSpacing?: number; + fill?: string; + textAnchor?: 'start' | 'middle' | 'end'; + dominantBaseline?: 'auto' | 'baseline' | 'hanging' | 'ideographic' | 'mathematical' | 'central' | 'middle'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text, + className, + fontSize = 24, + fontWeight = 'bold', + letterSpacing = 0, + fill = 'currentColor', + textAnchor = 'start', + dominantBaseline = 'middle', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +};