diff --git a/src/app/page.tsx b/src/app/page.tsx index 61e373c..57d25fb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -48,20 +48,20 @@ export default function LandingPage() { background={{ variant: "plain" }} tag="Exclusive Listings" tagIcon={Crown} - tagAnimation="entrance-slide" + tagAnimation="slide-up" mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-room-living-room-with-luxury-decor_105762-1672.jpg", imageAlt: "Luxury penthouse interior" }, { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912527.jpg", imageAlt: "Beachfront villa" }, { imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg", imageAlt: "City skyline view" }, { imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg", imageAlt: "Gourmet kitchen" }, - { imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3151.jpg?_wi=1", imageAlt: "Modern villa exterior" } + { imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3151.jpg", imageAlt: "Modern villa exterior" } ]} mediaAnimation="slide-up" buttons={[ { text: "Browse Listings", href: "properties" }, { text: "Schedule Viewing", href: "contact" } ]} - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> @@ -71,10 +71,10 @@ export default function LandingPage() { description="Our most prestigious properties currently available. Each residence represents the pinnacle of luxury and sophistication." tag="Premium Selection" tagIcon={Gem} - tagAnimation="entrance-slide" + tagAnimation="slide-up" products={[ { - id: "prop-001", name: "Oceanfront Penthouse Suite", price: "$8,500,000", variant: "3 Bedrooms 5 Bathrooms Floor Plan", imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3151.jpg?_wi=2", imageAlt: "Luxury oceanfront penthouse" + id: "prop-001", name: "Oceanfront Penthouse Suite", price: "$8,500,000", variant: "3 Bedrooms 5 Bathrooms Floor Plan", imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3151.jpg", imageAlt: "Luxury oceanfront penthouse" }, { id: "prop-002", name: "Downtown Metropolitan Loft", price: "$5,200,000", variant: "2 Bedrooms 3 Bathrooms City Views", imageSrc: "http://img.b2bpic.net/free-vector/keeping-room-apartment-composition_1284-21909.jpg", imageAlt: "Modern downtown loft" @@ -90,7 +90,7 @@ export default function LandingPage() { buttons={[ { text: "View All Listings", href: "properties" } ]} - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> @@ -100,14 +100,14 @@ export default function LandingPage() { description="For over 20 years, Luxe Properties has been connecting discerning buyers with the world's most exceptional residences. Our expertise spans global luxury markets, ensuring every client receives personalized service and access to exclusive opportunities." tag="Our Story" tagIcon={Heart} - tagAnimation="entrance-slide" + tagAnimation="slide-up" imageSrc="http://img.b2bpic.net/free-photo/colleagues-looking-charts-sofa_23-2147707738.jpg" imageAlt="Luxury real estate office" useInvertedBackground={false} buttons={[ { text: "Learn More", href: "about" } ]} - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> @@ -117,7 +117,7 @@ export default function LandingPage() { description="Our commitment to excellence distinguishes us in the luxury real estate market." tag="Our Advantages" tagIcon={Star} - tagAnimation="entrance-slide" + tagAnimation="slide-up" features={[ { id: "01", title: "Luxury Expertise", description: "Specialized knowledge of high-end properties and global luxury markets.", imageSrc: "http://img.b2bpic.net/free-photo/female-turning-light-using-remote-control_259150-57143.jpg", imageAlt: "Luxury property features" @@ -139,7 +139,7 @@ export default function LandingPage() { buttons={[ { text: "Schedule Consultation", href: "contact" } ]} - buttonAnimation="entrance-slide" + buttonAnimation="slide-up" /> @@ -149,7 +149,7 @@ export default function LandingPage() { description="Expert agents dedicated to finding your perfect luxury property." tag="Professional Team" tagIcon={Users} - tagAnimation="entrance-slide" + tagAnimation="slide-up" members={[ { id: "1", name: "Alexandra Sterling", role: "Senior Luxury Advisor", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-holding-hand-pocket_23-2148095777.jpg", imageAlt: "Alexandra Sterling, Senior Luxury Advisor" @@ -177,7 +177,7 @@ export default function LandingPage() { description="Proven track record in luxury real estate transactions." tag="By The Numbers" tagIcon={BarChart3} - tagAnimation="entrance-slide" + tagAnimation="slide-up" metrics={[ { id: "1", icon: Home, title: "Properties Sold", value: "500+" }, { id: "2", icon: DollarSign, title: "Total Sales Value", value: "$2.5B" }, @@ -196,7 +196,7 @@ export default function LandingPage() { description="Hear from our satisfied clients about their luxury property experiences." tag="Client Stories" tagIcon={MessageCircle} - tagAnimation="entrance-slide" + tagAnimation="slide-up" testimonials={[ { id: "1", name: "James Richardson, CEO", date: "Date: 15 October 2024", title: "Exceptional Service and Attention to Detail", quote: "Luxe Properties exceeded all our expectations. The team's expertise in luxury markets and dedication to finding the perfect property was remarkable. We now own an incredible penthouse that perfectly matches our vision.", tag: "Premium Client", avatarSrc: "http://img.b2bpic.net/free-photo/man-suit-outside-church-waving-welcoming-woman_181624-23201.jpg", avatarAlt: "James Richardson", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-table-applauding_23-2147668908.jpg", imageAlt: "Luxury home interior" @@ -220,14 +220,14 @@ export default function LandingPage() { diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..1049706 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -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(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ text, className = '' }) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;