From d7cbc86306601d42d97d0ca56be2e5893378bc40 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 07:03:46 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 334128d..f9cd9b5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import ContactSplit from '@/components/sections/contact/ContactSplit'; import FooterCard from '@/components/sections/footer/FooterCard'; -import { Sparkles, Zap, Award, CheckCircle, Star, TrendingUp, Users, Mail, Twitter, Linkedin } from 'lucide-react'; +import { Sparkles, Zap, Award, CheckCircle, Star, TrendingUp, Users, Mail, Twitter, Linkedin, Shield } from 'lucide-react'; export default function LandingPage() { return ( @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="mediumSmall" sizing="largeSmall" - background="aurora" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="shadow" secondaryButtonStyle="radial-glow" @@ -48,7 +48,7 @@ export default function LandingPage() { tag="Premium Digital Solutions" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "plain" }} leftCarouselItems={[ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmzJMd4ah2mtygQlVWKaKS6XBF/modern-web-design-showcase-featuring-a-s-1773212538195-2c1b522b.png", imageAlt: "Modern web design showcase" @@ -98,7 +98,7 @@ export default function LandingPage() { id: "web-design", title: "Custom Web Design", descriptions: [ "Stunning, conversion-optimized designs that reflect your brand identity", "Fully responsive layouts that work flawlessly across all devices", "Modern aesthetics combined with intuitive user experience principles" ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmzJMd4ah2mtygQlVWKaKS6XBF/stunning-modern-website-design-mockup-fe-1773212539007-1f2230f8.png?_wi=1", imageAlt: "Custom web design portfolio" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmzJMd4ah2mtygQlVWKaKS6XBF/stunning-modern-website-design-mockup-fe-1773212539007-1f2230f8.png", imageAlt: "Custom web design portfolio" }, { id: "web-development", title: "Advanced Web Development", descriptions: [ @@ -116,7 +116,7 @@ export default function LandingPage() { id: "ui-ux", title: "UI/UX Design", descriptions: [ "User-centered design approach backed by research and testing", "Intuitive interfaces that maximize engagement and conversions", "Accessible design that works for all users" ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmzJMd4ah2mtygQlVWKaKS6XBF/stunning-modern-website-design-mockup-fe-1773212539007-1f2230f8.png?_wi=2", imageAlt: "UI UX design interface" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmzJMd4ah2mtygQlVWKaKS6XBF/stunning-modern-website-design-mockup-fe-1773212539007-1f2230f8.png", imageAlt: "UI UX design interface" } ]} gridVariant="four-items-2x2-equal-grid" @@ -135,7 +135,7 @@ export default function LandingPage() { description="Lightning-fast loading speeds, data-driven strategies, and responsive designs that convert" subdescription="Trusted by 200+ businesses across industries" icon={CheckCircle} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmzJMd4ah2mtygQlVWKaKS6XBF/stunning-modern-website-design-mockup-fe-1773212539007-1f2230f8.png?_wi=3" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmzJMd4ah2mtygQlVWKaKS6XBF/stunning-modern-website-design-mockup-fe-1773212539007-1f2230f8.png" imageAlt="Why choose Adib - modern design showcase" mediaAnimation="slide-up" useInvertedBackground={true} @@ -177,7 +177,7 @@ export default function LandingPage() { title="Featured Client Brands" description="Adib has partnered with industry leaders and innovative companies" tag="Client Partners" - tagIcon={Award} + tagIcon={Shield} tagAnimation="slide-up" names={[ "TechFlow Solutions", "Innovate Inc", "CloudSync Systems", "Digital Ventures", "Future Dynamics", "Smart Analytics", "NexGen Solutions", "Elevate Corp" @@ -215,7 +215,7 @@ export default function LandingPage() { description="Let's discuss how Adib can help your business reach new heights. Connect with our team for a free consultation and customized proposal." tagIcon={Mail} tagAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "plain" }} useInvertedBackground={false} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmzJMd4ah2mtygQlVWKaKS6XBF/modern-contact-form-illustration-showing-1773212537821-61df21b8.png" imageAlt="Contact form illustration" -- 2.49.1 From 4f8ba1a9a60131ebfe482008d7a6ac90e73cb64c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 07:03:47 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 65 +++++++++---------- 1 file changed, 30 insertions(+), 35 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..57e7fa0 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,46 @@ -"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; + fontSize?: number; + fontWeight?: number | string; + letterSpacing?: number; className?: string; } -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, + fontSize = 32, + fontWeight = 'bold', + letterSpacing = 0, + className = '', +}) => { + const padding = 20; + const estimatedWidth = text.length * (fontSize * 0.6) + padding * 2; + const estimatedHeight = fontSize + padding * 2; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1