Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-10 23:03:05 +00:00
2 changed files with 53 additions and 52 deletions

View File

@@ -9,7 +9,7 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Star, Award, Scissors, CheckCircle, Tape, Hammer, Quote } from 'lucide-react';
import { Sparkles, Star, Award, Scissors, CheckCircle, Hammer, Quote } from 'lucide-react';
export default function LandingPage() {
return (
@@ -72,13 +72,13 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1", name: "Classic Navy Wool", price: "$680", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg?_wi=1", imageAlt: "Navy blue tailored suit"
id: "1", name: "Classic Navy Wool", price: "$680", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg", imageAlt: "Navy blue tailored suit"
},
{
id: "2", name: "Charcoal Executive", price: "$720", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer-apparel-ad_53876-102228.jpg?_wi=1", imageAlt: "Charcoal gray formal suit"
id: "2", name: "Charcoal Executive", price: "$720", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer-apparel-ad_53876-102228.jpg", imageAlt: "Charcoal gray formal suit"
},
{
id: "3", name: "Burgundy Statement", price: "$750", imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1303-5853.jpg?_wi=1", imageAlt: "Burgundy maroon suit"
id: "3", name: "Burgundy Statement", price: "$750", imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1303-5853.jpg", imageAlt: "Burgundy maroon suit"
}
]}
/>
@@ -93,7 +93,7 @@ export default function LandingPage() {
description="Founded with a passion for precision"
subdescription="Since 1985, crafting timeless elegance"
icon={Scissors}
imageSrc="http://img.b2bpic.net/free-photo/smiling-man-seller-displaying-blue-fabrics-young-customer-textile-shop_23-2148180311.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/smiling-man-seller-displaying-blue-fabrics-young-customer-textile-shop_23-2148180311.jpg"
imageAlt="Master tailor crafting suit"
mediaAnimation="slide-up"
useInvertedBackground={true}
@@ -112,13 +112,13 @@ export default function LandingPage() {
animationType="blur-reveal"
features={[
{
title: "Bespoke Tailoring", description: "Custom fit to your exact measurements and preferences for a silhouette that enhances your presence.", icon: Tape,
title: "Bespoke Tailoring", description: "Custom fit to your exact measurements and preferences for a silhouette that enhances your presence.", icon: Hammer,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg?_wi=2", imageAlt: "Tailored suit measurement"
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg", imageAlt: "Tailored suit measurement"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer-apparel-ad_53876-102228.jpg?_wi=2", imageAlt: "Precise fitting detail"
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer-apparel-ad_53876-102228.jpg", imageAlt: "Precise fitting detail"
}
]
},
@@ -126,10 +126,10 @@ export default function LandingPage() {
title: "Premium Fabrics", description: "Sourced from the finest mills worldwide, our materials ensure comfort, durability, and timeless elegance.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer-apparel-ad_53876-102228.jpg?_wi=3", imageAlt: "Premium fabric texture"
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer-apparel-ad_53876-102228.jpg", imageAlt: "Premium fabric texture"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1303-5853.jpg?_wi=2", imageAlt: "Luxury wool material"
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1303-5853.jpg", imageAlt: "Luxury wool material"
}
]
},
@@ -137,10 +137,10 @@ export default function LandingPage() {
title: "Expert Craftsmanship", description: "Each suit is hand-finished by master tailors with decades of experience in the art of fine suiting.", icon: Hammer,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-seller-displaying-blue-fabrics-young-customer-textile-shop_23-2148180311.jpg?_wi=2", imageAlt: "Master craftsman at work"
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-seller-displaying-blue-fabrics-young-customer-textile-shop_23-2148180311.jpg", imageAlt: "Master craftsman at work"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg?_wi=3", imageAlt: "Hand-stitched detail"
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg", imageAlt: "Hand-stitched detail"
}
]
}
@@ -159,16 +159,16 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "James Richardson, CFO", date: "Date: 15 November 2024", title: "The perfect suit for every occasion", quote: "Prestige Suites transformed how I dress for business. The attention to detail is extraordinary, and I've received countless compliments. These suits have become my corporate armor.", tag: "Executive", avatarSrc: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg?_wi=4"
id: "1", name: "James Richardson, CFO", date: "Date: 15 November 2024", title: "The perfect suit for every occasion", quote: "Prestige Suites transformed how I dress for business. The attention to detail is extraordinary, and I've received countless compliments. These suits have become my corporate armor.", tag: "Executive", avatarSrc: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg"
},
{
id: "2", name: "Michael Chen, Attorney", date: "Date: 22 October 2024", title: "Uncompromising quality and service", quote: "I've tried luxury brands internationally, but nothing compares to the personalized service and impeccable craftsmanship at Prestige Suites. Every suit exceeds expectations.", tag: "Legal Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer-apparel-ad_53876-102228.jpg?_wi=4"
id: "2", name: "Michael Chen, Attorney", date: "Date: 22 October 2024", title: "Uncompromising quality and service", quote: "I've tried luxury brands internationally, but nothing compares to the personalized service and impeccable craftsmanship at Prestige Suites. Every suit exceeds expectations.", tag: "Legal Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer-apparel-ad_53876-102228.jpg"
},
{
id: "3", name: "David Park, Entrepreneur", date: "Date: 8 September 2024", title: "Investment in timeless style", quote: "These aren't just suits; they're investments in your professional image. The quality justifies every penny. I wear them confidently knowing I look exceptional.", tag: "Business Owner", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-young-business-man-suit-grey-background_613910-15440.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1303-5853.jpg?_wi=3"
id: "3", name: "David Park, Entrepreneur", date: "Date: 8 September 2024", title: "Investment in timeless style", quote: "These aren't just suits; they're investments in your professional image. The quality justifies every penny. I wear them confidently knowing I look exceptional.", tag: "Business Owner", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-young-business-man-suit-grey-background_613910-15440.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1303-5853.jpg"
},
{
id: "4", name: "Robert Walsh, Diplomat", date: "Date: 1 August 2024", title: "Elegance that speaks volumes", quote: "From formal events to everyday business, Prestige Suites delivers on sophistication. The fit is immaculate and the fabrics are genuinely luxurious. Highly recommended.", tag: "International Executive", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg?_wi=5"
id: "4", name: "Robert Walsh, Diplomat", date: "Date: 1 August 2024", title: "Elegance that speaks volumes", quote: "From formal events to everyday business, Prestige Suites delivers on sophistication. The fit is immaculate and the fabrics are genuinely luxurious. Highly recommended.", tag: "International Executive", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773383.jpg"
}
]}
/>
@@ -188,7 +188,7 @@ export default function LandingPage() {
required: false
}}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/smiling-man-seller-displaying-blue-fabrics-young-customer-textile-shop_23-2148180311.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/smiling-man-seller-displaying-blue-fabrics-young-customer-textile-shop_23-2148180311.jpg"
imageAlt="Prestige Suites showroom consultation"
mediaAnimation="slide-up"
mediaPosition="right"

View File

@@ -1,51 +1,52 @@
"use client";
import React from 'react';
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
export interface SvgTextLogoProps {
text: string;
className?: string;
textClassName?: string;
animationDuration?: 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 = '',
animationDuration = 3,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * 60} 100`}
className={className}
preserveAspectRatio="xMidYMid meet"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
x="50%"
y="50%"
dominantBaseline="middle"
textAnchor="middle"
className={textClassName}
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
fontSize: '48px',
fontWeight: 'bold',
animation: `fadeInScale ${animationDuration}s ease-in-out`,
}}
>
{logoText}
{text}
</text>
<style>{`
@keyframes fadeInScale {
0% {
opacity: 0;
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
`}</style>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;