Merge version_1 into main #2
@@ -44,42 +44,26 @@ const AboutPage = () => {
|
||||
<FeatureCardEight
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Browse & Discover",
|
||||
description:
|
||||
"Explore our extensive catalog with detailed photos, specifications, and customer reviews.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148928328.jpg?_wi=2",
|
||||
imageAlt: "browsing furniture catalog online shopping interface",
|
||||
},
|
||||
id: 1,
|
||||
title: "Browse & Discover", description:
|
||||
"Explore our extensive catalog with detailed photos, specifications, and customer reviews.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148928328.jpg", imageAlt: "browsing furniture catalog online shopping interface"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Customize & Configure",
|
||||
description:
|
||||
"Select sizes, colors, materials, and configurations to match your exact needs.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/processing-workpiece_1098-12756.jpg?_wi=2",
|
||||
imageAlt:
|
||||
"furniture customization options colors sizes configuration",
|
||||
},
|
||||
id: 2,
|
||||
title: "Customize & Configure", description:
|
||||
"Select sizes, colors, materials, and configurations to match your exact needs.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/processing-workpiece_1098-12756.jpg", imageAlt:
|
||||
"furniture customization options colors sizes configuration"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Secure Checkout",
|
||||
description:
|
||||
"Fast, encrypted payment processing with multiple payment methods available.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/secure-payment-landing-page-concept_23-2148545165.jpg?_wi=2",
|
||||
imageAlt: "secure checkout payment processing interface",
|
||||
},
|
||||
id: 3,
|
||||
title: "Secure Checkout", description:
|
||||
"Fast, encrypted payment processing with multiple payment methods available.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/secure-payment-landing-page-concept_23-2148545165.jpg", imageAlt: "secure checkout payment processing interface"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Delivery & Setup",
|
||||
description:
|
||||
"White-glove delivery service with assembly and placement included.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-delivery-men-job-concept_23-2148684715.jpg?_wi=2",
|
||||
imageAlt: "delivery truck furniture home installation setup",
|
||||
},
|
||||
id: 4,
|
||||
title: "Delivery & Setup", description:
|
||||
"White-glove delivery service with assembly and placement included.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-delivery-men-job-concept_23-2148684715.jpg", imageAlt: "delivery truck furniture home installation setup"},
|
||||
]}
|
||||
title="Your Furniture Journey"
|
||||
description="From selection to delivery, we make buying furniture simple and enjoyable."
|
||||
@@ -94,71 +78,35 @@ const AboutPage = () => {
|
||||
<TestimonialCardThirteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
handle: "@sarah.m.interiors",
|
||||
testimonial:
|
||||
"The quality of the furniture is exceptional. My new sectional is not only beautiful but incredibly comfortable. Delivery was seamless and the customer service team was incredibly helpful throughout the process.",
|
||||
rating: 5,
|
||||
id: "1", name: "Sarah Mitchell", handle: "@sarah.m.interiors", testimonial:
|
||||
"The quality of the furniture is exceptional. My new sectional is not only beautiful but incredibly comfortable. Delivery was seamless and the customer service team was incredibly helpful throughout the process.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/interracial-group-women_23-2147981218.jpg?_wi=2",
|
||||
imageAlt: "professional woman portrait avatar profile",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/interracial-group-women_23-2147981218.jpg", imageAlt: "professional woman portrait avatar profile"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Rodriguez",
|
||||
handle: "@james_home_design",
|
||||
testimonial:
|
||||
"I've purchased from Urban Comfort twice now. Their attention to detail and commitment to quality is unmatched. Every piece I bought has exceeded my expectations.",
|
||||
rating: 5,
|
||||
id: "2", name: "James Rodriguez", handle: "@james_home_design", testimonial:
|
||||
"I've purchased from Urban Comfort twice now. Their attention to detail and commitment to quality is unmatched. Every piece I bought has exceeded my expectations.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/bearded-young-man-standing-office-medium-shot_23-2148327020.jpg?_wi=2",
|
||||
imageAlt: "professional man portrait avatar designer",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/bearded-young-man-standing-office-medium-shot_23-2148327020.jpg", imageAlt: "professional man portrait avatar designer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Thompson",
|
||||
handle: "@emma.lived.in",
|
||||
testimonial:
|
||||
"Finally found affordable luxury furniture that doesn't compromise on quality. The bed frame I ordered is stunning and my entire bedroom feels like a boutique hotel now.",
|
||||
rating: 5,
|
||||
id: "3", name: "Emma Thompson", handle: "@emma.lived.in", testimonial:
|
||||
"Finally found affordable luxury furniture that doesn't compromise on quality. The bed frame I ordered is stunning and my entire bedroom feels like a boutique hotel now.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-fashionable-woman-street_1153-8245.jpg?_wi=2",
|
||||
imageAlt: "young woman professional portrait avatar",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-fashionable-woman-street_1153-8245.jpg", imageAlt: "young woman professional portrait avatar"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chen",
|
||||
handle: "@dchendesign",
|
||||
testimonial:
|
||||
"Urban Comfort's team helped me design my entire living room. The consultation was free and incredibly valuable. I couldn't be happier with my purchases.",
|
||||
rating: 5,
|
||||
id: "4", name: "David Chen", handle: "@dchendesign", testimonial:
|
||||
"Urban Comfort's team helped me design my entire living room. The consultation was free and incredibly valuable. I couldn't be happier with my purchases.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-handsome-man-looking-confident_114579-79346.jpg?_wi=2",
|
||||
imageAlt: "professional man designer portrait avatar",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-handsome-man-looking-confident_114579-79346.jpg", imageAlt: "professional man designer portrait avatar"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
handle: "@lisa.anderson.homes",
|
||||
testimonial:
|
||||
"Best furniture shopping experience ever. The website is easy to navigate, prices are competitive, and the delivery was right on schedule. Will definitely order again!",
|
||||
rating: 5,
|
||||
id: "5", name: "Lisa Anderson", handle: "@lisa.anderson.homes", testimonial:
|
||||
"Best furniture shopping experience ever. The website is easy to navigate, prices are competitive, and the delivery was right on schedule. Will definitely order again!", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg?_wi=2",
|
||||
imageAlt: "professional woman home designer portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "professional woman home designer portrait"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Michael Park",
|
||||
handle: "@michael.interiors",
|
||||
testimonial:
|
||||
"I'm impressed by the modern designs and sustainable materials Urban Comfort uses. Quality furniture that looks good and feels good to purchase.",
|
||||
rating: 5,
|
||||
id: "6", name: "Michael Park", handle: "@michael.interiors", testimonial:
|
||||
"I'm impressed by the modern designs and sustainable materials Urban Comfort uses. Quality furniture that looks good and feels good to purchase.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/successful-executive-businessman-office_1098-21340.jpg?_wi=2",
|
||||
imageAlt: "professional man interior designer portrait",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/successful-executive-businessman-office_1098-21340.jpg", imageAlt: "professional man interior designer portrait"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
@@ -175,29 +123,17 @@ const AboutPage = () => {
|
||||
<MetricCardThree
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Happy Customers",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Happy Customers", value: "50,000+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: ShoppingCart,
|
||||
title: "Products Sold",
|
||||
value: "120,000+",
|
||||
},
|
||||
id: "2", icon: ShoppingCart,
|
||||
title: "Products Sold", value: "120,000+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Award,
|
||||
title: "Quality Rating",
|
||||
value: "4.9★",
|
||||
},
|
||||
id: "3", icon: Award,
|
||||
title: "Quality Rating", value: "4.9★"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Zap,
|
||||
title: "Same-Day Delivery",
|
||||
value: "95%",
|
||||
},
|
||||
id: "4", icon: Zap,
|
||||
title: "Same-Day Delivery", value: "95%"},
|
||||
]}
|
||||
title="Why Choose Urban Comfort"
|
||||
description="By the numbers - our commitment to excellence and customer satisfaction."
|
||||
@@ -213,13 +149,9 @@ const AboutPage = () => {
|
||||
<FooterLogoReveal
|
||||
logoText="URBAN COMFORT"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#terms",
|
||||
}}
|
||||
text: "Terms & Conditions", href: "#terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -43,44 +43,28 @@ const CollectionsPage = () => {
|
||||
<FeatureCardEight
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Living Room Furniture",
|
||||
description:
|
||||
"Sofas, couches, accent chairs, and coffee tables designed for your perfect gathering space.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/home-study-room-with-books_25030-39002.jpg?_wi=2",
|
||||
imageAlt: "Living room furniture collection modern contemporary",
|
||||
},
|
||||
id: 1,
|
||||
title: "Living Room Furniture", description:
|
||||
"Sofas, couches, accent chairs, and coffee tables designed for your perfect gathering space.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/home-study-room-with-books_25030-39002.jpg", imageAlt: "Living room furniture collection modern contemporary"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bedroom Essentials",
|
||||
description:
|
||||
"Premium beds, nightstands, and bedroom sets for ultimate comfort and relaxation.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pillow-bed_74190-3656.jpg?_wi=2",
|
||||
imageAlt:
|
||||
"bedroom furniture collection beds nightstands modern",
|
||||
},
|
||||
id: 2,
|
||||
title: "Bedroom Essentials", description:
|
||||
"Premium beds, nightstands, and bedroom sets for ultimate comfort and relaxation.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pillow-bed_74190-3656.jpg", imageAlt:
|
||||
"bedroom furniture collection beds nightstands modern"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Dining Collections",
|
||||
description:
|
||||
"Elegant dining tables, chairs, and buffets for memorable meals with family.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg?_wi=2",
|
||||
imageAlt:
|
||||
"dining furniture collection tables chairs contemporary",
|
||||
},
|
||||
id: 3,
|
||||
title: "Dining Collections", description:
|
||||
"Elegant dining tables, chairs, and buffets for memorable meals with family.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg", imageAlt:
|
||||
"dining furniture collection tables chairs contemporary"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Home Décor",
|
||||
description:
|
||||
"Curated decor items, lighting, and accessories to complete your interior design.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/view-modern-photorealistic-lamp_23-2151038946.jpg?_wi=2",
|
||||
imageAlt:
|
||||
"home decor accessories lighting contemporary modern",
|
||||
},
|
||||
id: 4,
|
||||
title: "Home Décor", description:
|
||||
"Curated decor items, lighting, and accessories to complete your interior design.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/view-modern-photorealistic-lamp_23-2151038946.jpg", imageAlt:
|
||||
"home decor accessories lighting contemporary modern"},
|
||||
]}
|
||||
title="Shop by Category"
|
||||
description="Browse our curated furniture collections organized by room and lifestyle."
|
||||
@@ -95,64 +79,28 @@ const CollectionsPage = () => {
|
||||
<ProductCardFour
|
||||
products={[
|
||||
{
|
||||
id: "modern-couch-1",
|
||||
name: "Contemporary Grey Sectional Sofa",
|
||||
price: "$1,299",
|
||||
variant: "Grey · 3 Sizes",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-interior-design-living-room-with-soft-sofa-background-wooden-wall-minim_1258-134116.jpg?_wi=3",
|
||||
imageAlt: "contemporary grey sectional sofa modern furniture",
|
||||
isFavorited: false,
|
||||
id: "modern-couch-1", name: "Contemporary Grey Sectional Sofa", price: "$1,299", variant: "Grey · 3 Sizes", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-interior-design-living-room-with-soft-sofa-background-wooden-wall-minim_1258-134116.jpg", imageAlt: "contemporary grey sectional sofa modern furniture", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "luxury-bed-1",
|
||||
name: "Premium Memory Foam Bed Frame",
|
||||
price: "$899",
|
||||
variant: "Queen · Beige",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pillow-bed_74190-2140.jpg?_wi=3",
|
||||
imageAlt: "premium memory foam bed frame modern bedroom",
|
||||
isFavorited: false,
|
||||
id: "luxury-bed-1", name: "Premium Memory Foam Bed Frame", price: "$899", variant: "Queen · Beige", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pillow-bed_74190-2140.jpg", imageAlt: "premium memory foam bed frame modern bedroom", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "coffee-table-1",
|
||||
name: "Minimalist Walnut Coffee Table",
|
||||
price: "$459",
|
||||
variant: "Natural Wood · Rectangle",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/sofa-chair_74190-3822.jpg?_wi=3",
|
||||
imageAlt: "minimalist walnut coffee table wood furniture",
|
||||
isFavorited: false,
|
||||
id: "coffee-table-1", name: "Minimalist Walnut Coffee Table", price: "$459", variant: "Natural Wood · Rectangle", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/sofa-chair_74190-3822.jpg", imageAlt: "minimalist walnut coffee table wood furniture", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "accent-chair-1",
|
||||
name: "Designer Accent Lounge Chair",
|
||||
price: "$649",
|
||||
variant: "Charcoal · with Footrest",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118854.jpg?_wi=3",
|
||||
imageAlt: "designer accent lounge chair charcoal furniture",
|
||||
isFavorited: false,
|
||||
id: "accent-chair-1", name: "Designer Accent Lounge Chair", price: "$649", variant: "Charcoal · with Footrest", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118854.jpg", imageAlt: "designer accent lounge chair charcoal furniture", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "dining-table-1",
|
||||
name: "Expandable Dining Table Set",
|
||||
price: "$1,199",
|
||||
variant: "Oak · Seats 6-8",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/empty-chair-table_1339-4300.jpg?_wi=3",
|
||||
imageAlt: "expandable dining table set oak wood furniture",
|
||||
isFavorited: false,
|
||||
id: "dining-table-1", name: "Expandable Dining Table Set", price: "$1,199", variant: "Oak · Seats 6-8", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/empty-chair-table_1339-4300.jpg", imageAlt: "expandable dining table set oak wood furniture", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "recliner-1",
|
||||
name: "Luxury Power Reclining Chair",
|
||||
price: "$799",
|
||||
variant: "Leather Brown · with USB",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/classic-brown-textile-armchair-interior-with-curtain-wooden-floor_8353-8333.jpg?_wi=3",
|
||||
imageAlt: "luxury power reclining chair brown leather modern",
|
||||
isFavorited: false,
|
||||
id: "recliner-1", name: "Luxury Power Reclining Chair", price: "$799", variant: "Leather Brown · with USB", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/classic-brown-textile-armchair-interior-with-curtain-wooden-floor_8353-8333.jpg", imageAlt: "luxury power reclining chair brown leather modern", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
title="Featured Furniture Collection"
|
||||
@@ -170,13 +118,9 @@ const CollectionsPage = () => {
|
||||
<FooterLogoReveal
|
||||
logoText="URBAN COMFORT"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#terms",
|
||||
}}
|
||||
text: "Terms & Conditions", href: "#terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,51 +1,44 @@
|
||||
"use client";
|
||||
import { SVGProps } from 'react';
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
className?: string;
|
||||
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
|
||||
text: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: string | number;
|
||||
letterSpacing?: number;
|
||||
fill?: string;
|
||||
fontFamily?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export function SvgTextLogo({
|
||||
text,
|
||||
fontSize = 48,
|
||||
fontWeight = 'bold',
|
||||
letterSpacing = 0,
|
||||
fill = 'currentColor',
|
||||
fontFamily = 'system-ui, -apple-system, sans-serif',
|
||||
...props
|
||||
}: SvgTextLogoProps) {
|
||||
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 1000 200"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
fill={fill}
|
||||
fontFamily={fontFamily}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user