Merge version_1 into main #2
@@ -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"
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user