From 7447692b5bee6be061634a9d38111a75dc415ba0 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 06:59:46 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 188 ++++++++++++++--------------------------------- 1 file changed, 54 insertions(+), 134 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c5e70b9..8e1e74c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,16 +1,16 @@ "use client"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; -import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; -import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; -import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve"; -import ProductCardThree from "@/components/sections/product/ProductCardThree"; -import TeamCardOne from "@/components/sections/team/TeamCardOne"; -import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; -import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven"; -import ContactSplit from "@/components/sections/contact/ContactSplit"; -import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery'; +import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; +import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; +import ProductCardThree from '@/components/sections/product/ProductCardThree'; +import TeamCardOne from '@/components/sections/team/TeamCardOne'; +import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; +import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; +import ContactSplit from '@/components/sections/contact/ContactSplit'; +import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import Link from "next/link"; import { Sparkles, Zap, Award, Users, Mail, TrendingUp } from "lucide-react"; @@ -60,7 +60,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="solid" primaryButtonStyle="primary-glow" secondaryButtonStyle="radial-glow" @@ -80,38 +80,31 @@ export default function HomePage() { tag="Web Design Excellence" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "sparkles-gradient" }} mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/modern-minimalist-website-interface-desi-1773298645286-0a4cb084.png", - imageAlt: "Modern website interface design" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/modern-minimalist-website-interface-desi-1773298645286-0a4cb084.png", imageAlt: "Modern website interface design" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/web-design-portfolio-mockup-displaying-m-1773298645326-e75e6ee6.png", - imageAlt: "Web design mockup showcase" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/web-design-portfolio-mockup-displaying-m-1773298645326-e75e6ee6.png", imageAlt: "Web design mockup showcase" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/creative-digital-design-workspace-with-t-1773298644814-08423686.png", - imageAlt: "Digital design portfolio" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/creative-digital-design-workspace-with-t-1773298644814-08423686.png", imageAlt: "Digital design portfolio" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/premium-website-interface-design-showing-1773298645316-f0501756.png", - imageAlt: "Creative web interface" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/premium-website-interface-design-showing-1773298645316-f0501756.png", imageAlt: "Creative web interface" }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-web-design-agency-homepage--1773298645011-efa33dbd.png", - imageAlt: "Professional website design" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-web-design-agency-homepage--1773298645011-efa33dbd.png", imageAlt: "Professional website design" } ]} mediaAnimation="slide-up" buttons={[ { - text: "View Our Work", - href: "#portfolio" + text: "View Our Work", href: "#portfolio" }, { - text: "Start Your Project", - href: "/contact" + text: "Start Your Project", href: "/contact" } ]} buttonAnimation="slide-up" @@ -122,15 +115,13 @@ export default function HomePage() { @@ -300,28 +242,22 @@ export default function HomePage() { useInvertedBackground={false} avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-confident-wom-1773298645405-26516181.png", - alt: "Jennifer Williams" + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-confident-wom-1773298645405-26516181.png", alt: "Jennifer Williams" }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-man-in-busine-1773298645239-ead247b3.png", - alt: "Client testimonial" + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-man-in-busine-1773298645239-ead247b3.png", alt: "Client testimonial" }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-woman-with-wa-1773298643311-142996d5.png", - alt: "Satisfied customer" + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-woman-with-wa-1773298643311-142996d5.png", alt: "Satisfied customer" }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-diverse-man-i-1773298645259-5b0324ee.png", - alt: "Business partner" + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-diverse-man-i-1773298645259-5b0324ee.png", alt: "Business partner" }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-woman-entrepr-1773298645138-b5061219.png", - alt: "Happy client" + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-woman-entrepr-1773298645138-b5061219.png", alt: "Happy client" }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-man-in-modern-1773298644720-3c698e00.png", - alt: "Webuild client" + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApnqSRMKMirhtVTTPS9dBhgxZV/professional-headshot-of-a-man-in-modern-1773298644720-3c698e00.png", alt: "Webuild client" } ]} /> @@ -339,46 +275,30 @@ export default function HomePage() { useInvertedBackground={false} metrics={[ { - id: "clients", - value: "50+", - title: "Happy Clients", - items: [ - "Across 12+ industries", - "98% satisfaction rate" + id: "clients", value: "50+", title: "Happy Clients", items: [ + "Across 12+ industries", "98% satisfaction rate" ] }, { - id: "projects", - value: "150+", - title: "Projects Delivered", - items: [ - "From startups to enterprises", - "Award-winning work" + id: "projects", value: "150+", title: "Projects Delivered", items: [ + "From startups to enterprises", "Award-winning work" ] }, { - id: "team", - value: "25", - title: "Team Members", - items: [ - "Designers and developers", - "Strategic thinkers" + id: "team", value: "25", title: "Team Members", items: [ + "Designers and developers", "Strategic thinkers" ] }, { - id: "experience", - value: "10+", - title: "Years in Industry", - items: [ - "Proven track record", - "Continuous innovation" + id: "experience", value: "10+", title: "Years in Industry", items: [ + "Proven track record", "Continuous innovation" ] } ]} /> -
+
Date: Thu, 12 Mar 2026 06:59:46 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 61 ++++++++----------- 1 file changed, 24 insertions(+), 37 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..b182dab 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,38 @@ -"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?: string | number; + fill?: 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, + className, + fontSize = 24, + fontWeight = 'bold', + fill = 'currentColor', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1