Merge version_1 into main #2
@@ -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() {
|
||||
<ContactText
|
||||
text="Ready to find your perfect property or discuss your real estate goals? Contact SP Associates today for personalized service."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "contact" },
|
||||
|
||||
@@ -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<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
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 (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<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={padding}
|
||||
y={padding + fontSize * 0.75}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
dominantBaseline="middle"
|
||||
className={textClassName}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user