Merge version_1 into main #1
@@ -30,7 +30,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -56,20 +56,23 @@ export default function LandingPage() {
|
||||
description="Transform your business with cutting-edge artificial intelligence. We deliver intelligent systems that automate complexity, unlock insights, and drive measurable growth for forward-thinking enterprises."
|
||||
tag="Next Generation AI"
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/a-sophisticated-ai-dashboard-interface-w-1773244108856-f51bfcad.png"
|
||||
imageAlt="Advanced AI dashboard interface"
|
||||
imagePosition="right"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alexandra Chen", handle: "CTO, TechVenture", testimonial: "Transformed our operations completely. The AI implementation was seamless and the results exceeded expectations.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-headshot-of-a-confident-fem-1773244107788-425fbbc6.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-headshot-of-a-confident-fem-1773244107788-425fbbc6.png"
|
||||
},
|
||||
{
|
||||
name: "Michael Rodriguez", handle: "CEO, DataCorp", testimonial: "Best AI partner we've worked with. Their strategic approach and technical excellence are unmatched in the industry.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-headshot-of-a-male-tech-exe-1773244109647-b68c7759.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-headshot-of-a-male-tech-exe-1773244109647-b68c7759.png"
|
||||
},
|
||||
{
|
||||
name: "Sarah Williams", handle: "VP Innovation, CloudSys", testimonial: "Exceptional team. They understand enterprise challenges and deliver solutions that actually work at scale.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-headshot-of-a-confident-fem-1773244108239-afe7afb1.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-headshot-of-a-confident-fem-1773244108239-afe7afb1.png"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Solutions", href: "features" },
|
||||
@@ -109,7 +112,8 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Machine Learning Strategy", description: "We assess your business challenges and design custom ML roadmaps that align with your strategic objectives. Our approach ensures technology investments deliver measurable ROI.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/strategic-business-planning-visualizatio-1773244108867-9c822445.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/strategic-business-planning-visualizatio-1773244108867-9c822445.png"
|
||||
},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Strategic roadmap design" },
|
||||
{ icon: CheckCircle, text: "Technology stack optimization" },
|
||||
@@ -119,7 +123,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "2", title: "Custom AI Development", description: "Our engineering team builds production-grade AI systems tailored to your unique business requirements. From computer vision to NLP, we deliver scalable solutions.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/ai-development-environment-with-code-edi-1773244108828-307a0e85.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/ai-development-environment-with-code-edi-1773244108828-307a0e85.png"
|
||||
},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "End-to-end development" },
|
||||
{ icon: CheckCircle, text: "Model optimization" },
|
||||
@@ -129,7 +134,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "3", title: "Enterprise Integration", description: "Seamless integration of AI solutions into your existing infrastructure. We handle data pipelines, APIs, and enterprise governance.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/enterprise-system-architecture-diagram-s-1773244108788-aeccf710.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/enterprise-system-architecture-diagram-s-1773244108788-aeccf710.png"
|
||||
},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Data pipeline architecture" },
|
||||
{ icon: CheckCircle, text: "API development" },
|
||||
@@ -153,13 +159,17 @@ export default function LandingPage() {
|
||||
tagIcon={Users}
|
||||
team={[
|
||||
{
|
||||
id: "1", name: "Dr. James Chen", role: "Founder & Chief AI Officer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-portrait-of-an-asian-male-t-1773244107448-82f0bd48.png"},
|
||||
id: "1", name: "Dr. James Chen", role: "Founder & Chief AI Officer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-portrait-of-an-asian-male-t-1773244107448-82f0bd48.png"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Elena Vasquez", role: "VP Engineering", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-portrait-of-a-hispanic-fema-1773244108217-d3d8a629.png"},
|
||||
id: "2", name: "Elena Vasquez", role: "VP Engineering", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-portrait-of-a-hispanic-fema-1773244108217-d3d8a629.png"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Marcus Thompson", role: "VP Client Success", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-portrait-of-an-african-amer-1773244107673-d7aefe5e.png"},
|
||||
id: "3", name: "Marcus Thompson", role: "VP Client Success", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-portrait-of-an-african-amer-1773244107673-d7aefe5e.png"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Priya Patel", role: "Senior AI Researcher", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-portrait-of-an-indian-femal-1773244108264-31857141.png"},
|
||||
id: "4", name: "Priya Patel", role: "Senior AI Researcher", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-portrait-of-an-indian-femal-1773244108264-31857141.png"
|
||||
},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
@@ -176,16 +186,20 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "David Okonkwo", role: "Chief Digital Officer", company: "Global Finance Corp", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-corporate-portrait-of-an-af-1773244111359-5399b585.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-corporate-portrait-of-an-af-1773244111359-5399b585.png"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Lisa Schmidt", role: "Director of Innovation", company: "EuroTech Industries", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-corporate-portrait-of-a-eur-1773244109944-41192dcf.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-corporate-portrait-of-a-eur-1773244109944-41192dcf.png"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Raj Kapoor", role: "VP Product", company: "Asia Digital Solutions", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-corporate-portrait-of-an-in-1773244109401-99f5038b.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-corporate-portrait-of-an-in-1773244109401-99f5038b.png"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emma Blackwell", role: "CEO", company: "NextGen Analytics", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-corporate-portrait-of-a-con-1773244107520-92da8125.png"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ao1HYJhCofVyXPTw8O8qIwTbt3/professional-corporate-portrait-of-a-con-1773244107520-92da8125.png"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Client Satisfaction Rate" },
|
||||
@@ -212,7 +226,8 @@ export default function LandingPage() {
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"AI maturity assessment", "Strategic roadmap development", "Technology evaluation", "Implementation guidance", "Quarterly strategy reviews"],
|
||||
"AI maturity assessment", "Strategic roadmap development", "Technology evaluation", "Implementation guidance", "Quarterly strategy reviews"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "development", badge: "Custom Development", badgeIcon: Sparkles,
|
||||
@@ -221,7 +236,8 @@ export default function LandingPage() {
|
||||
{ text: "View Case Studies", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Full-cycle AI development", "Data pipeline setup", "Model training & optimization", "Production deployment", "Ongoing maintenance & support"],
|
||||
"Full-cycle AI development", "Data pipeline setup", "Model training & optimization", "Production deployment", "Ongoing maintenance & support"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Enterprise Partnership", badgeIcon: Zap,
|
||||
@@ -230,7 +246,8 @@ export default function LandingPage() {
|
||||
{ text: "Book Executive Meeting", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Dedicated AI team", "Multi-project support", "Strategic advisory board", "Priority support", "Custom SLAs & governance"],
|
||||
"Dedicated AI team", "Multi-project support", "Strategic advisory board", "Priority support", "Custom SLAs & governance"
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -249,7 +266,7 @@ export default function LandingPage() {
|
||||
{ text: "Schedule Consultation", href: "#" },
|
||||
{ text: "Contact Us", href: "#" },
|
||||
]}
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,30 @@
|
||||
"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;
|
||||
}
|
||||
|
||||
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 = '' }) => {
|
||||
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 300 100"
|
||||
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%"
|
||||
dominantBaseline="central"
|
||||
textAnchor="middle"
|
||||
fontSize="48"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user