diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 06f8a21..80942ad 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -12,10 +12,10 @@ import { Building2, CheckCircle, Award } from "lucide-react"; export default function AboutPage() { const navItems = [ { name: "Home", id: "/" }, - { name: "Projects", id: "projects" }, - { name: "About", id: "about" }, - { name: "Team", id: "team" }, - { name: "Contact", id: "contact" } + { name: "Projects", id: "/projects" }, + { name: "About", id: "/about" }, + { name: "Team", id: "#team" }, + { name: "Contact", id: "#contact" } ]; return ( @@ -36,8 +36,7 @@ export default function AboutPage() { brandName="Prestige Developments" navItems={navItems} button={{ - text: "View Listings", - href: "projects" + text: "View Listings", href: "/projects" }} /> @@ -50,18 +49,17 @@ export default function AboutPage() { description="Prestige Developments has established itself as a leader in luxury real estate development. With over 15 years of expertise, we deliver exceptional projects that combine innovative design, sustainable practices, and premium quality. Our portfolio spans residential towers, luxury villas, and commercial developments across major metropolitan areas." metrics={[ { - value: "50+", - title: "Completed Projects" + value: "50+", title: "Completed Projects" }, { - value: "10K+", - title: "Happy Residents" + value: "10K+", title: "Happy Residents" } ]} - imageSrc="http://img.b2bpic.net/free-photo/group-multiethnic-business-partners-having-creative-business-team-meeting-modern-office_181624-26572.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/group-multiethnic-business-partners-having-creative-business-team-meeting-modern-office_181624-26572.jpg" imageAlt="Prestige Developments Office" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -76,20 +74,12 @@ export default function AboutPage() { animationType="slide-up" negativeCard={{ items: [ - "Generic mass-market projects", - "Limited design customization", - "Standard amenities", - "Poor location selection" + "Generic mass-market projects", "Limited design customization", "Standard amenities", "Poor location selection" ] }} positiveCard={{ items: [ - "Bespoke luxury developments", - "Architectural customization", - "Premium amenities and features", - "Prime location strategies", - "Sustainable building practices", - "24/7 concierge services" + "Bespoke luxury developments", "Architectural customization", "Premium amenities and features", "Prime location strategies", "Sustainable building practices", "24/7 concierge services" ] }} /> @@ -106,33 +96,18 @@ export default function AboutPage() { animationType="slide-up" metrics={[ { - id: "1", - value: "$2B+", - title: "Total Development Value", - items: [ - "Premium residential projects", - "Commercial developments", - "Mixed-use complexes" + id: "1", value: "$2B+", title: "Total Development Value", items: [ + "Premium residential projects", "Commercial developments", "Mixed-use complexes" ] }, { - id: "2", - value: "15+", - title: "Years of Excellence", - items: [ - "Industry leadership", - "Award-winning designs", - "Trusted by investors" + id: "2", value: "15+", title: "Years of Excellence", items: [ + "Industry leadership", "Award-winning designs", "Trusted by investors" ] }, { - id: "3", - value: "98%", - title: "Client Satisfaction", - items: [ - "On-time delivery", - "Quality assurance", - "Post-sale support" + id: "3", value: "98%", title: "Client Satisfaction", items: [ + "On-time delivery", "Quality assurance", "Post-sale support" ] } ]} @@ -145,65 +120,50 @@ export default function AboutPage() { copyrightText="© 2025 Prestige Developments. All rights reserved." columns={[ { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "about" + label: "About Us", href: "#about" }, { - label: "Our Projects", - href: "projects" + label: "Our Projects", href: "/projects" }, { - label: "Team", - href: "team" + label: "Team", href: "#team" }, { - label: "Careers", - href: "#" + label: "Careers", href: "#" } ] }, { - title: "Resources", - items: [ + title: "Resources", items: [ { - label: "FAQ", - href: "#faq" + label: "FAQ", href: "#faq" }, { - label: "Blog", - href: "#" + label: "Blog", href: "#" }, { - label: "Investor Relations", - href: "#" + label: "Investor Relations", href: "#" }, { - label: "News", - href: "#" + label: "News", href: "#" } ] }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy Policy", - href: "#" + label: "Privacy Policy", href: "#" }, { - label: "Terms of Service", - href: "#" + label: "Terms of Service", href: "#" }, { - label: "Contact", - href: "contact" + label: "Contact", href: "#contact" }, { - label: "Sitemap", - href: "#" + label: "Sitemap", href: "#" } ] } diff --git a/src/app/page.tsx b/src/app/page.tsx index 4869df1..323fcb6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,6 +5,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import HeroLogo from '@/components/sections/hero/HeroLogo'; import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen'; +import ProductCardThree from '@/components/sections/product/ProductCardThree'; import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TeamCardSix from '@/components/sections/team/TeamCardSix'; @@ -34,14 +35,12 @@ export default function HomePage() { navItems={[ { name: "Home", id: "/" }, { name: "Projects", id: "/projects" }, - { name: "About", id: "about" }, - { name: "Team", id: "team" }, - { name: "Contact", id: "contact" }, + { name: "About", id: "/about" }, + { name: "Team", id: "#team" }, + { name: "Contact", id: "#contact" }, ]} button={{ - text: "View Listings", - href: "/projects", - }} + text: "View Listings", href: "/projects"}} /> @@ -50,7 +49,7 @@ export default function HomePage() { logoText="Prestige Developments" description="Crafting luxury living spaces and landmark developments that define the future of real estate" buttons={[ - { text: "Explore Projects", href: "/projects" }, + { text: "Explore Projects", href: "#projects" }, { text: "Get in Touch", href: "#contact" }, ]} imageSrc="http://img.b2bpic.net/free-photo/glassclad-skyscrapers-central-mumbai-reflecting-sunset-hues-blue-hour_469504-15.jpg" @@ -69,10 +68,11 @@ export default function HomePage() { { value: "50+", title: "Completed Projects" }, { value: "10K+", title: "Happy Residents" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/group-multiethnic-business-partners-having-creative-business-team-meeting-modern-office_181624-26572.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/group-multiethnic-business-partners-having-creative-business-team-meeting-modern-office_181624-26572.jpg" imageAlt="Prestige Developments Office" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -87,25 +87,39 @@ export default function HomePage() { animationType="slide-up" negativeCard={{ items: [ - "Generic mass-market projects", - "Limited design customization", - "Standard amenities", - "Poor location selection", - ], + "Generic mass-market projects", "Limited design customization", "Standard amenities", "Poor location selection"], }} positiveCard={{ items: [ - "Bespoke luxury developments", - "Architectural customization", - "Premium amenities and features", - "Prime location strategies", - "Sustainable building practices", - "24/7 concierge services", - ], + "Bespoke luxury developments", "Architectural customization", "Premium amenities and features", "Prime location strategies", "Sustainable building practices", "24/7 concierge services"], }} /> +
+ +
+
@@ -162,41 +158,17 @@ export default function HomePage() { gridVariant="uniform-all-items-equal" testimonials={[ { - id: "1", - name: "Michael Richardson", - role: "Property Investor", - company: "Richardson Capital Group", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/skeptical-senior-businesswoman-looking-camera_1262-5592.jpg", - imageAlt: "Michael Richardson", - }, + id: "1", name: "Michael Richardson", role: "Property Investor", company: "Richardson Capital Group", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/skeptical-senior-businesswoman-looking-camera_1262-5592.jpg", imageAlt: "Michael Richardson"}, { - id: "2", - name: "Sarah Mitchell", - role: "CEO", - company: "Mitchell Enterprises", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg", - imageAlt: "Sarah Mitchell", - }, + id: "2", name: "Sarah Mitchell", role: "CEO", company: "Mitchell Enterprises", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg", imageAlt: "Sarah Mitchell"}, { - id: "3", - name: "David Chen", - role: "Real Estate Developer", - company: "Chen Development Co.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", - imageAlt: "David Chen", - }, + id: "3", name: "David Chen", role: "Real Estate Developer", company: "Chen Development Co.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", imageAlt: "David Chen"}, { - id: "4", - name: "Elena Rodriguez", - role: "Property Manager", - company: "Luxury Properties Int'l", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-13402.jpg", - imageAlt: "Elena Rodriguez", - }, + id: "4", name: "Elena Rodriguez", role: "Property Manager", company: "Luxury Properties Int'l", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-13402.jpg", imageAlt: "Elena Rodriguez"}, ]} />
@@ -213,33 +185,13 @@ export default function HomePage() { gridVariant="uniform-all-items-equal" members={[ { - id: "1", - name: "James Mitchell", - role: "Founder & CEO", - imageSrc: "http://img.b2bpic.net/free-photo/blond-man-angry-expression_1194-1896.jpg?_wi=1", - imageAlt: "James Mitchell", - }, + id: "1", name: "James Mitchell", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-angry-expression_1194-1896.jpg", imageAlt: "James Mitchell"}, { - id: "2", - name: "Victoria Chen", - role: "Chief Architect", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-female-builder-uniform-blue-wall_179666-30851.jpg?_wi=1", - imageAlt: "Victoria Chen", - }, + id: "2", name: "Victoria Chen", role: "Chief Architect", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-female-builder-uniform-blue-wall_179666-30851.jpg", imageAlt: "Victoria Chen"}, { - id: "3", - name: "Robert Anderson", - role: "Development Director", - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg?_wi=1", - imageAlt: "Robert Anderson", - }, + id: "3", name: "Robert Anderson", role: "Development Director", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg", imageAlt: "Robert Anderson"}, { - id: "4", - name: "Alexandra Thompson", - role: "Marketing & Sales", - imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-leaning-wall-holding-take-away-coffee-cup_23-2147862776.jpg?_wi=1", - imageAlt: "Alexandra Thompson", - }, + id: "4", name: "Alexandra Thompson", role: "Marketing & Sales", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-leaning-wall-holding-take-away-coffee-cup_23-2147862776.jpg", imageAlt: "Alexandra Thompson"}, ]} /> @@ -255,35 +207,17 @@ export default function HomePage() { faqsAnimation="slide-up" faqs={[ { - id: "1", - title: "What types of properties do you develop?", - content: "We specialize in luxury residential towers, premium villas, and high-end commercial properties. Our portfolio includes mixed-use developments that combine residential, retail, and office spaces in prime locations.", - }, + id: "1", title: "What types of properties do you develop?", content: "We specialize in luxury residential towers, premium villas, and high-end commercial properties. Our portfolio includes mixed-use developments that combine residential, retail, and office spaces in prime locations."}, { - id: "2", - title: "What is your typical project timeline?", - content: "Project timelines vary based on size and complexity. Typically, residential developments take 24-36 months from groundbreaking to completion, while commercial projects may take 18-24 months. We maintain strict schedules to ensure on-time delivery.", - }, + id: "2", title: "What is your typical project timeline?", content: "Project timelines vary based on size and complexity. Typically, residential developments take 24-36 months from groundbreaking to completion, while commercial projects may take 18-24 months. We maintain strict schedules to ensure on-time delivery."}, { - id: "3", - title: "Are your developments eco-friendly?", - content: "Sustainability is core to our mission. All our projects incorporate green building practices, energy-efficient systems, renewable energy sources, and sustainable materials to minimize environmental impact.", - }, + id: "3", title: "Are your developments eco-friendly?", content: "Sustainability is core to our mission. All our projects incorporate green building practices, energy-efficient systems, renewable energy sources, and sustainable materials to minimize environmental impact."}, { - id: "4", - title: "How can I invest in your projects?", - content: "We offer various investment opportunities including direct property purchases, pre-launch investments, and partnership opportunities. Contact our sales team to discuss options tailored to your investment goals.", - }, + id: "4", title: "How can I invest in your projects?", content: "We offer various investment opportunities including direct property purchases, pre-launch investments, and partnership opportunities. Contact our sales team to discuss options tailored to your investment goals."}, { - id: "5", - title: "Do you offer post-purchase support?", - content: "Yes, we provide comprehensive after-sales support including 24/7 concierge services, maintenance programs, property management options, and dedicated customer service for all our residents.", - }, + id: "5", title: "Do you offer post-purchase support?", content: "Yes, we provide comprehensive after-sales support including 24/7 concierge services, maintenance programs, property management options, and dedicated customer service for all our residents."}, { - id: "6", - title: "What financing options are available?", - content: "We work with leading financial institutions to offer flexible payment plans, mortgages, and developer financing options. Our team can help connect you with the right financing solution for your purchase.", - }, + id: "6", title: "What financing options are available?", content: "We work with leading financial institutions to offer flexible payment plans, mortgages, and developer financing options. Our team can help connect you with the right financing solution for your purchase."}, ]} /> @@ -294,38 +228,24 @@ export default function HomePage() { description="Have questions about our developments or want to schedule a site visit? Contact our team today and let's discuss your real estate goals." inputs={[ { - name: "fullName", - type: "text", - placeholder: "Full Name", - required: true, + name: "fullName", type: "text", placeholder: "Full Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Email Address", - required: true, + name: "email", type: "email", placeholder: "Email Address", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: true, + name: "phone", type: "tel", placeholder: "Phone Number", required: true, }, { - name: "projectInterest", - type: "text", - placeholder: "Project of Interest", - required: false, + name: "projectInterest", type: "text", placeholder: "Project of Interest", required: false, }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your project needs or inquiry...", - rows: 5, + name: "message", placeholder: "Tell us about your project needs or inquiry...", rows: 5, required: true, }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/company-executives-analyzing-discussing-reports-two-business-colleagues-sitting-together-looking-document-holding-tablet-talking-wide-shot-communication-concept_74855-11618.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/company-executives-analyzing-discussing-reports-two-business-colleagues-sitting-together-looking-document-holding-tablet-talking-wide-shot-communication-concept_74855-11618.jpg" imageAlt="Prestige Developments Office" mediaAnimation="slide-up" mediaPosition="right" @@ -339,17 +259,15 @@ export default function HomePage() { copyrightText="© 2025 Prestige Developments. All rights reserved." columns={[ { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#about" }, - { label: "Our Projects", href: "/projects" }, + { label: "Our Projects", href: "#projects" }, { label: "Team", href: "#team" }, { label: "Careers", href: "#" }, ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "FAQ", href: "#faq" }, { label: "Blog", href: "#" }, { label: "Investor Relations", href: "#" }, @@ -357,8 +275,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact", href: "#contact" }, diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..88eaea6 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,35 @@ -"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; + dominantBaseline?: 'auto' | 'hanging' | 'middle' | 'central'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo = ({ + text, + className = '', + textClassName = '', + dominantBaseline = 'middle', +}: SvgTextLogoProps) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file