diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index b66c40d..d8b277c 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -39,7 +39,7 @@ export default function AboutPage() { borderRadius="pill" contentWidth="small" sizing="largeSmallSizeMediumTitles" - background="fluid" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" @@ -76,33 +76,13 @@ export default function AboutPage() { tagAnimation="slide-up" members={[ { - id: "1", - name: "Sarah Mitchell", - role: "Lead Designer & Founder", - imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-smiling-desk_23-2148372216.jpg?_wi=2", - imageAlt: "professional female interior designer portrait", - }, + id: "1", name: "Sarah Mitchell", role: "Lead Designer & Founder", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-smiling-desk_23-2148372216.jpg", imageAlt: "professional female interior designer portrait"}, { - id: "2", - name: "James Rodriguez", - role: "Senior Interior Architect", - imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2872.jpg?_wi=2", - imageAlt: "male architect designer professional portrait", - }, + id: "2", name: "James Rodriguez", role: "Senior Interior Architect", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2872.jpg", imageAlt: "male architect designer professional portrait"}, { - id: "3", - name: "Emma Chen", - role: "Color & Material Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-laptop_23-2148435579.jpg?_wi=2", - imageAlt: "asian woman designer professional portrait", - }, + id: "3", name: "Emma Chen", role: "Color & Material Specialist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-laptop_23-2148435579.jpg", imageAlt: "asian woman designer professional portrait"}, { - id: "4", - name: "David Thompson", - role: "Project Manager", - imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg?_wi=2", - imageAlt: "male project manager professional portrait", - }, + id: "4", name: "David Thompson", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg", imageAlt: "male project manager professional portrait"}, ]} gridVariant="uniform-all-items-equal" animationType="scale-rotate" @@ -124,7 +104,7 @@ export default function AboutPage() { { text: "View Our Services", href: "/services" }, ]} buttonAnimation="slide-up" - background={{ variant: "fluid" }} + background={{ variant: "plain" }} useInvertedBackground={true} /> diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index bcf0206..c68f0b2 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -37,7 +37,7 @@ export default function ContactPage() { borderRadius="pill" contentWidth="small" sizing="largeSmallSizeMediumTitles" - background="fluid" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" @@ -63,7 +63,7 @@ export default function ContactPage() { { text: "View Our Work", href: "/" }, ]} buttonAnimation="slide-up" - background={{ variant: "fluid" }} + background={{ variant: "plain" }} useInvertedBackground={true} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index 8a05ed9..bf8e605 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,7 +51,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="small" sizing="largeSmallSizeMediumTitles" - background="fluid" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" @@ -74,7 +74,7 @@ export default function HomePage() { { text: "Learn More", href: "/about" }, ]} buttonAnimation="slide-up" - background={{ variant: "fluid" }} + background={{ variant: "plain" }} imageSrc="http://img.b2bpic.net/free-photo/side-green-chair_181624-133.jpg" imageAlt="modern luxury interior design living room" mediaAnimation="blur-reveal" @@ -104,63 +104,39 @@ export default function HomePage() { tagAnimation="slide-up" features={[ { - title: "Residential Design", - description: "Personalized home environments that reflect your lifestyle and aesthetic preferences.", - icon: Home, + title: "Residential Design", description: "Personalized home environments that reflect your lifestyle and aesthetic preferences.", icon: Home, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions_1203-735.jpg?_wi=1", - imageAlt: "luxury residential interior bedroom design", - }, + imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions_1203-735.jpg", imageAlt: "luxury residential interior bedroom design"}, { - imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-living-room-with-black-sofa_169016-3571.jpg?_wi=1", - imageAlt: "modern home living room interior design", - }, + imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-living-room-with-black-sofa_169016-3571.jpg", imageAlt: "modern home living room interior design"}, ], }, { - title: "Commercial Interiors", - description: "Professional spaces designed to enhance productivity and brand identity.", - icon: Building2, + title: "Commercial Interiors", description: "Professional spaces designed to enhance productivity and brand identity.", icon: Building2, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-white-frame-plant-vase_23-2148225534.jpg?_wi=1", - imageAlt: "modern office interior design professional space", - }, + imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-white-frame-plant-vase_23-2148225534.jpg", imageAlt: "modern office interior design professional space"}, { - imageSrc: "http://img.b2bpic.net/free-photo/confident-business-man-contemplating-his-office_1163-4018.jpg?_wi=1", - imageAlt: "modern corporate office interior design meeting room", - }, + imageSrc: "http://img.b2bpic.net/free-photo/confident-business-man-contemplating-his-office_1163-4018.jpg", imageAlt: "modern corporate office interior design meeting room"}, ], }, { - title: "Consultation & Strategy", - description: "Expert guidance on design concepts, material selection, and project planning.", - icon: Lightbulb, + title: "Consultation & Strategy", description: "Expert guidance on design concepts, material selection, and project planning.", icon: Lightbulb, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153848.jpg?_wi=1", - imageAlt: "interior designer consultation meeting client", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153848.jpg", imageAlt: "interior designer consultation meeting client"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-teamwork-project_23-2148894074.jpg?_wi=1", - imageAlt: "design planning meeting mood board materials", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-teamwork-project_23-2148894074.jpg", imageAlt: "design planning meeting mood board materials"}, ], }, { - title: "Renovation & Remodeling", - description: "Full-scale renovations that breathe new life into existing spaces.", - icon: Hammer, + title: "Renovation & Remodeling", description: "Full-scale renovations that breathe new life into existing spaces.", icon: Hammer, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-with-metal-ladder-built-oven-loft-kitchen_169016-69383.jpg?_wi=1", - imageAlt: "before after renovation interior transformation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-with-metal-ladder-built-oven-loft-kitchen_169016-69383.jpg", imageAlt: "before after renovation interior transformation"}, { - imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg?_wi=1", - imageAlt: "kitchen renovation modern contemporary design", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg", imageAlt: "kitchen renovation modern contemporary design"}, ], }, ]} @@ -180,33 +156,13 @@ export default function HomePage() { tagAnimation="slide-up" members={[ { - id: "1", - name: "Sarah Mitchell", - role: "Lead Designer & Founder", - imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-smiling-desk_23-2148372216.jpg?_wi=1", - imageAlt: "professional female interior designer portrait", - }, + id: "1", name: "Sarah Mitchell", role: "Lead Designer & Founder", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-smiling-desk_23-2148372216.jpg", imageAlt: "professional female interior designer portrait"}, { - id: "2", - name: "James Rodriguez", - role: "Senior Interior Architect", - imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2872.jpg?_wi=1", - imageAlt: "male architect designer professional portrait", - }, + id: "2", name: "James Rodriguez", role: "Senior Interior Architect", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2872.jpg", imageAlt: "male architect designer professional portrait"}, { - id: "3", - name: "Emma Chen", - role: "Color & Material Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-laptop_23-2148435579.jpg?_wi=1", - imageAlt: "asian woman designer professional portrait", - }, + id: "3", name: "Emma Chen", role: "Color & Material Specialist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-laptop_23-2148435579.jpg", imageAlt: "asian woman designer professional portrait"}, { - id: "4", - name: "David Thompson", - role: "Project Manager", - imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg?_wi=1", - imageAlt: "male project manager professional portrait", - }, + id: "4", name: "David Thompson", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg", imageAlt: "male project manager professional portrait"}, ]} gridVariant="uniform-all-items-equal" animationType="scale-rotate" @@ -225,59 +181,17 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - title: "Exceptional Design Vision", - quote: "The team at Interior Design Studio completely transformed our office space. Their attention to detail and understanding of our brand was remarkable. The new design has boosted our team morale and impressed every client who visits.", - name: "Patricia Gonzalez", - role: "CEO, Corporate Solutions Inc.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118019.jpg?_wi=1", - imageAlt: "professional woman executive business portrait", - }, + id: "1", title: "Exceptional Design Vision", quote: "The team at Interior Design Studio completely transformed our office space. Their attention to detail and understanding of our brand was remarkable. The new design has boosted our team morale and impressed every client who visits.", name: "Patricia Gonzalez", role: "CEO, Corporate Solutions Inc.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118019.jpg", imageAlt: "professional woman executive business portrait"}, { - id: "2", - title: "Seamless Collaboration", - quote: "Working with this agency was a dream. They listened to our vision, provided expert recommendations, and delivered beyond our expectations. Our home now feels like a sanctuary that truly represents who we are.", - name: "Michael Torres", - role: "Homeowner, Austin TX", - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg?_wi=1", - imageAlt: "happy male homeowner portrait smile", - }, + id: "2", title: "Seamless Collaboration", quote: "Working with this agency was a dream. They listened to our vision, provided expert recommendations, and delivered beyond our expectations. Our home now feels like a sanctuary that truly represents who we are.", name: "Michael Torres", role: "Homeowner, Austin TX", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", imageAlt: "happy male homeowner portrait smile"}, { - id: "3", - title: "Professional Excellence", - quote: "As another design professional, I was impressed by their methodology and execution. Their hybrid approach combining virtual and in-person consultation made the process efficient and effective.", - name: "Jennifer Hutchins", - role: "Interior Designer, Seattle WA", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-woman-home_329181-4265.jpg?_wi=1", - imageAlt: "professional female designer portrait confident", - }, + id: "3", title: "Professional Excellence", quote: "As another design professional, I was impressed by their methodology and execution. Their hybrid approach combining virtual and in-person consultation made the process efficient and effective.", name: "Jennifer Hutchins", role: "Interior Designer, Seattle WA", imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-woman-home_329181-4265.jpg", imageAlt: "professional female designer portrait confident"}, { - id: "4", - title: "Worth Every Investment", - quote: "We renovated our boutique hotel with their guidance. The results speak for themselves—guest satisfaction increased significantly and our space has become an Instagram sensation.", - name: "Alexander Kim", - role: "Hotel Owner, Miami FL", - imageSrc: "http://img.b2bpic.net/free-photo/young-indian-man-suit-posed-against-pink-wall_627829-1780.jpg", - imageAlt: "asian male entrepreneur business portrait", - }, + id: "4", title: "Worth Every Investment", quote: "We renovated our boutique hotel with their guidance. The results speak for themselves—guest satisfaction increased significantly and our space has become an Instagram sensation.", name: "Alexander Kim", role: "Hotel Owner, Miami FL", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-man-suit-posed-against-pink-wall_627829-1780.jpg", imageAlt: "asian male entrepreneur business portrait"}, { - id: "5", - title: "Innovative & Timeless", - quote: "They balanced contemporary trends with timeless design principles. Our retail space now perfectly captures our brand essence and drives customer engagement.", - name: "Rebecca Wong", - role: "Retail Director, Los Angeles CA", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman_23-2148317345.jpg", - imageAlt: "professional woman retail manager portrait", - }, + id: "5", title: "Innovative & Timeless", quote: "They balanced contemporary trends with timeless design principles. Our retail space now perfectly captures our brand essence and drives customer engagement.", name: "Rebecca Wong", role: "Retail Director, Los Angeles CA", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman_23-2148317345.jpg", imageAlt: "professional woman retail manager portrait"}, { - id: "6", - title: "Game-Changing Partnership", - quote: "Their hybrid model was perfect for our needs. Virtual consultations kept things moving quickly, and their in-person execution was flawless. Highly recommend to any design professional.", - name: "Nathan Brooks", - role: "Architect, Denver CO", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206527.jpg", - imageAlt: "male architect professional portrait confident", - }, + id: "6", title: "Game-Changing Partnership", quote: "Their hybrid model was perfect for our needs. Virtual consultations kept things moving quickly, and their in-person execution was flawless. Highly recommend to any design professional.", name: "Nathan Brooks", role: "Architect, Denver CO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206527.jpg", imageAlt: "male architect professional portrait confident"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -295,15 +209,7 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Architectural Digest", - "Interior Design Magazine", - "Dwell", - "Elle Decor", - "Design Milk", - "Houzz Pro", - "Designbloom", - "Yellowtrace", - ]} + "Architectural Digest", "Interior Design Magazine", "Dwell", "Elle Decor", "Design Milk", "Houzz Pro", "Designbloom", "Yellowtrace"]} speed={40} showCard={true} buttonAnimation="slide-up" @@ -322,7 +228,7 @@ export default function HomePage() { { text: "View Our Work", href: "/portfolio" }, ]} buttonAnimation="slide-up" - background={{ variant: "fluid" }} + background={{ variant: "plain" }} useInvertedBackground={true} /> diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx index de95ff5..9031cb9 100644 --- a/src/app/portfolio/page.tsx +++ b/src/app/portfolio/page.tsx @@ -16,7 +16,7 @@ export default function PortfolioPage() { borderRadius="pill" contentWidth="small" sizing="largeSmallSizeMediumTitles" - background="fluid" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" @@ -34,9 +34,7 @@ export default function PortfolioPage() { { name: "Contact", id: "/contact" }, ]} button={{ - text: "Get Started", - href: "contact", - }} + text: "Get Started", href: "contact"}} /> @@ -45,48 +43,30 @@ export default function PortfolioPage() { @@ -173,13 +128,9 @@ export default function PortfolioPage() { diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 2c66908..6fd38ec 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -42,7 +42,7 @@ export default function ServicesPage() { borderRadius="pill" contentWidth="small" sizing="largeSmallSizeMediumTitles" - background="fluid" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" @@ -65,63 +65,39 @@ export default function ServicesPage() { tagAnimation="slide-up" features={[ { - title: "Residential Design", - description: "Personalized home environments that reflect your lifestyle and aesthetic preferences. From concept to completion, we create spaces that inspire daily living.", - icon: Home, + title: "Residential Design", description: "Personalized home environments that reflect your lifestyle and aesthetic preferences. From concept to completion, we create spaces that inspire daily living.", icon: Home, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions_1203-735.jpg?_wi=3", - imageAlt: "luxury residential interior bedroom design", - }, + imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions_1203-735.jpg", imageAlt: "luxury residential interior bedroom design"}, { - imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-living-room-with-black-sofa_169016-3571.jpg?_wi=3", - imageAlt: "modern home living room interior design", - }, + imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-living-room-with-black-sofa_169016-3571.jpg", imageAlt: "modern home living room interior design"}, ], }, { - title: "Commercial Interiors", - description: "Professional spaces designed to enhance productivity and brand identity. We create work environments that reflect your company's vision and values.", - icon: Building2, + title: "Commercial Interiors", description: "Professional spaces designed to enhance productivity and brand identity. We create work environments that reflect your company's vision and values.", icon: Building2, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-white-frame-plant-vase_23-2148225534.jpg?_wi=3", - imageAlt: "modern office interior design professional space", - }, + imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-white-frame-plant-vase_23-2148225534.jpg", imageAlt: "modern office interior design professional space"}, { - imageSrc: "http://img.b2bpic.net/free-photo/confident-business-man-contemplating-his-office_1163-4018.jpg?_wi=3", - imageAlt: "modern corporate office interior design meeting room", - }, + imageSrc: "http://img.b2bpic.net/free-photo/confident-business-man-contemplating-his-office_1163-4018.jpg", imageAlt: "modern corporate office interior design meeting room"}, ], }, { - title: "Consultation & Strategy", - description: "Expert guidance on design concepts, material selection, and project planning. Our consultants provide strategic insights to optimize your space.", - icon: Lightbulb, + title: "Consultation & Strategy", description: "Expert guidance on design concepts, material selection, and project planning. Our consultants provide strategic insights to optimize your space.", icon: Lightbulb, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153848.jpg?_wi=2", - imageAlt: "interior designer consultation meeting client", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153848.jpg", imageAlt: "interior designer consultation meeting client"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-teamwork-project_23-2148894074.jpg?_wi=2", - imageAlt: "design planning meeting mood board materials", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-teamwork-project_23-2148894074.jpg", imageAlt: "design planning meeting mood board materials"}, ], }, { - title: "Renovation & Remodeling", - description: "Full-scale renovations that breathe new life into existing spaces. We handle every detail to transform your vision into reality.", - icon: Hammer, + title: "Renovation & Remodeling", description: "Full-scale renovations that breathe new life into existing spaces. We handle every detail to transform your vision into reality.", icon: Hammer, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-with-metal-ladder-built-oven-loft-kitchen_169016-69383.jpg?_wi=3", - imageAlt: "before after renovation interior transformation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-with-metal-ladder-built-oven-loft-kitchen_169016-69383.jpg", imageAlt: "before after renovation interior transformation"}, { - imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg?_wi=3", - imageAlt: "kitchen renovation modern contemporary design", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg", imageAlt: "kitchen renovation modern contemporary design"}, ], }, ]} @@ -144,7 +120,7 @@ export default function ServicesPage() { { text: "Back to Home", href: "/" }, ]} buttonAnimation="slide-up" - background={{ variant: "fluid" }} + background={{ variant: "plain" }} useInvertedBackground={true} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..d8398c3 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,36 @@ -"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; } -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 = 48, +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;