From a79138e62455bd3fd40c71b8e4fccf4a04feadef Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 13 Mar 2026 07:06:15 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 58 ++++++++++++++++++++++-------------------------- 1 file changed, 27 insertions(+), 31 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7c2aa51..07cb474 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,16 +1,16 @@ "use client"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; -import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"; -import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard"; -import ProductCardThree from "@/components/sections/product/ProductCardThree"; -import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven"; -import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; -import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; -import ContactText from "@/components/sections/contact/ContactText"; -import FooterCard from "@/components/sections/footer/FooterCard"; -import { Award, Building2, Home, Briefcase, TrendingUp, MessageSquare, Facebook, Linkedin, Instagram, Twitter, Star, Users } from "lucide-react"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; +import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; +import ProductCardThree from '@/components/sections/product/ProductCardThree'; +import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven'; +import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; +import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; +import ContactText from '@/components/sections/contact/ContactText'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import { Award, Building2, Home, Briefcase, TrendingUp, MessageSquare, Facebook, Linkedin, Instagram, Twitter, Star, Users, Sparkles } from "lucide-react"; export default function LandingPage() { return ( @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="medium" sizing="largeSmall" - background="noise" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="primary-glow" secondaryButtonStyle="glass" @@ -47,7 +47,7 @@ export default function LandingPage() { tag="Welcome to Excellence" tagIcon={Home} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "plain" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lws2qd" imageAlt="Premium property showcase" buttons={[ @@ -79,17 +79,17 @@ export default function LandingPage() { title="Featured Properties" description="Browse our premium selection of residential and commercial properties" tag="Available Now" - tagIcon="Sparkles" + tagIcon={Sparkles} tagAnimation="slide-up" products={[ { - id: "1", name: "Modern Luxury Villa - Beachfront", price: "$2,450,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9&_wi=1", imageAlt: "Modern luxury villa", initialQuantity: 1 + id: "1", name: "Modern Luxury Villa - Beachfront", price: "$2,450,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9", imageAlt: "Modern luxury villa", initialQuantity: 1 }, { - id: "2", name: "Contemporary Estate with Pool", price: "$1,890,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mj4brd&_wi=1", imageAlt: "Contemporary estate", initialQuantity: 1 + id: "2", name: "Contemporary Estate with Pool", price: "$1,890,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mj4brd", imageAlt: "Contemporary estate", initialQuantity: 1 }, { - id: "3", name: "Premium Commercial Building", price: "$3,200,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qliz42&_wi=1", imageAlt: "Commercial property", initialQuantity: 1 + id: "3", name: "Premium Commercial Building", price: "$3,200,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qliz42", imageAlt: "Commercial property", initialQuantity: 1 } ]} gridVariant="three-columns-all-equal-width" @@ -110,29 +110,25 @@ export default function LandingPage() { { id: "1", title: "Property Sales", descriptions: [ "Expert guidance through the entire buying process", "Access to exclusive listings and off-market deals", "Negotiation support to maximize your investment" - ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9&_wi=2", imageAlt: "Property sales" + ], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9", imageAlt: "Property sales" }, { id: "2", title: "Property Management", descriptions: [ "Professional tenant screening and placement", "Regular property maintenance and repairs", "Complete financial accounting and reporting" - ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mj4brd&_wi=2", imageAlt: "Property management" + ], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mj4brd", imageAlt: "Property management" }, { id: "3", title: "Investment Advisory", descriptions: [ "Market analysis and investment opportunity identification", "Portfolio optimization strategies", "Risk assessment and mitigation planning" - ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qliz42&_wi=2", imageAlt: "Investment advisory" + ], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qliz42", imageAlt: "Investment advisory" }, { id: "4", title: "Rental Services", descriptions: [ "Tenant placement and lease management", "Property marketing and tenant acquisition", "Ongoing maintenance coordination" - ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9&_wi=3", imageAlt: "Rental services" + ], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9", imageAlt: "Rental services" } ]} - gridVariant="four-items-2x2-equal-grid" + gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" useInvertedBackground={true} @@ -160,7 +156,7 @@ export default function LandingPage() { id: "4", value: "4.9", title: "Star Rating", description: "Average client satisfaction score", icon: Star } ]} - gridVariant="four-items-2x2-equal-grid" + gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} @@ -176,10 +172,10 @@ export default function LandingPage() { tagAnimation="slide-up" testimonials={[ { - id: "1", name: "Michael Johnson", handle: "Homebuyer", testimonial: "SP Associates made finding our dream home effortless. Their team's expertise and professionalism exceeded all expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=srh14v&_wi=1", imageAlt: "Michael Johnson" + id: "1", name: "Michael Johnson", handle: "Homebuyer", testimonial: "SP Associates made finding our dream home effortless. Their team's expertise and professionalism exceeded all expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=srh14v", imageAlt: "Michael Johnson" }, { - id: "2", name: "Sarah Williams", handle: "Property Investor", testimonial: "Outstanding guidance on my real estate investment portfolio. SP Associates provided invaluable market insights that maximized my returns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahdka5&_wi=1", imageAlt: "Sarah Williams" + id: "2", name: "Sarah Williams", handle: "Property Investor", testimonial: "Outstanding guidance on my real estate investment portfolio. SP Associates provided invaluable market insights that maximized my returns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahdka5", imageAlt: "Sarah Williams" }, { id: "3", name: "David Chen", handle: "Commercial Client", testimonial: "Their commercial property services are top-notch. Professional, responsive, and delivered exactly what we needed for our business expansion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh8ec8", imageAlt: "David Chen" @@ -188,10 +184,10 @@ export default function LandingPage() { id: "4", name: "Emma Rodriguez", handle: "First-Time Buyer", testimonial: "As a first-time buyer, I was nervous about the process. SP Associates guided me every step of the way with patience and expertise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uxc84i", imageAlt: "Emma Rodriguez" }, { - id: "5", name: "James Patterson", handle: "Property Manager", testimonial: "Their property management services have transformed how I manage my rental portfolio. Reliable, efficient, and truly professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=srh14v&_wi=2", imageAlt: "James Patterson" + id: "5", name: "James Patterson", handle: "Property Manager", testimonial: "Their property management services have transformed how I manage my rental portfolio. Reliable, efficient, and truly professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=srh14v", imageAlt: "James Patterson" }, { - id: "6", name: "Lisa Thompson", handle: "Seller", testimonial: "SP Associates sold our property faster than expected and for an excellent price. Their marketing strategy was exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahdka5&_wi=2", imageAlt: "Lisa Thompson" + id: "6", name: "Lisa Thompson", handle: "Seller", testimonial: "SP Associates sold our property faster than expected and for an excellent price. Their marketing strategy was exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahdka5", imageAlt: "Lisa Thompson" } ]} animationType="slide-up" @@ -205,7 +201,7 @@ export default function LandingPage() { Date: Fri, 13 Mar 2026 07:06:16 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 67 +++++++++---------- 1 file changed, 31 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..2d1dee3 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; className?: string; + textClassName?: string; + fontSize?: number; + fontWeight?: number | string; + letterSpacing?: number; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + className = "", textClassName = "", fontSize = 32, + fontWeight = 700, + letterSpacing = 0, +}) => { + const padding = 10; + const textLength = text.length * (fontSize * 0.6); + const width = textLength + padding * 2; + const height = fontSize + padding * 2; return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1