Merge version_1 into main #2
@@ -12,7 +12,6 @@ import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import {
|
||||
Award,
|
||||
Cup,
|
||||
Eye,
|
||||
Flag,
|
||||
Heart,
|
||||
@@ -33,7 +32,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmall"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -58,7 +57,7 @@ export default function LandingPage() {
|
||||
title="Custom T-Shirt Printing in Surat – Best Price & Fast Delivery"
|
||||
description="High-quality custom printing for T-shirts, mugs, caps, umbrellas & promotional items. Trusted by businesses, schools, and event organizers across Surat and India."
|
||||
tag="Local Expert Since 2015"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-nurse-hand-packing-dental-instrument-with-plastic_23-2147862120.jpg"
|
||||
imageAlt="Professional custom t-shirt printing service"
|
||||
imagePosition="right"
|
||||
@@ -116,7 +115,7 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Mug Printing", description:
|
||||
"Ceramic and travel mug printing perfect for gifts and corporate branding", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Cup, label: "Design Options", value: "Custom Photos" },
|
||||
{ icon: Package, label: "Design Options", value: "Custom Photos" },
|
||||
{ icon: Sparkles, label: "Quality", value: "Premium Grade" },
|
||||
{ icon: Package, label: "Packaging", value: "Gift Ready" },
|
||||
],
|
||||
@@ -184,22 +183,22 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Rajesh Patel, Corporate Event Manager", date: "Date: November 2024", title: "Perfect for our company event merchandise!", quote:
|
||||
"We ordered 500 custom t-shirts for our annual company event. The quality was exceptional, delivery was on time, and the pricing was unbeatable. Priyansi Sportswear is our go-to printer now.", tag: "Bulk Order", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp?_wi=1"},
|
||||
"We ordered 500 custom t-shirts for our annual company event. The quality was exceptional, delivery was on time, and the pricing was unbeatable. Priyansi Sportswear is our go-to printer now.", tag: "Bulk Order", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp"},
|
||||
{
|
||||
id: "2", name: "Priya Sharma, School Principal", date: "Date: October 2024", title: "Amazing service for our school sports day!", quote:
|
||||
"Our school needed 200 sports day t-shirts with custom designs. They delivered perfect quality shirts in just 2 days. All students wore them proudly. Highly recommended!", tag: "Educational", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp?_wi=2"},
|
||||
"Our school needed 200 sports day t-shirts with custom designs. They delivered perfect quality shirts in just 2 days. All students wore them proudly. Highly recommended!", tag: "Educational", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp"},
|
||||
{
|
||||
id: "3", name: "Vikram Singh, Retail Store Owner", date: "Date: September 2024", title: "Best local printing service in Surat", quote:
|
||||
"I've been ordering custom merchandise for my store regularly. Their design support team is fantastic, and they always meet tight deadlines. The printing quality is consistently excellent.", tag: "Retail Partner", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp?_wi=3"},
|
||||
"I've been ordering custom merchandise for my store regularly. Their design support team is fantastic, and they always meet tight deadlines. The printing quality is consistently excellent.", tag: "Retail Partner", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp"},
|
||||
{
|
||||
id: "4", name: "Anjali Desai, Event Organizer", date: "Date: August 2024", title: "Exceeded all our expectations!", quote:
|
||||
"For our community Holi event, we needed 300 custom caps and t-shirts. Priyansi's team understood our vision perfectly and delivered stunning results. Guests loved the merchandise quality.", tag: "Event Services", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp?_wi=4"},
|
||||
"For our community Holi event, we needed 300 custom caps and t-shirts. Priyansi's team understood our vision perfectly and delivered stunning results. Guests loved the merchandise quality.", tag: "Event Services", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp"},
|
||||
{
|
||||
id: "5", name: "Akshay Kumar, Marketing Manager", date: "Date: July 2024", title: "Professional, reliable, and affordable", quote:
|
||||
"We needed promotional mugs and umbrellas with our company logo for a trade show. The quality exceeded industry standards, and the cost was significantly lower than other vendors.", tag: "Promotional", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp?_wi=5"},
|
||||
"We needed promotional mugs and umbrellas with our company logo for a trade show. The quality exceeded industry standards, and the cost was significantly lower than other vendors.", tag: "Promotional", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp"},
|
||||
{
|
||||
id: "6", name: "Neha Gupta, Wedding Planner", date: "Date: June 2024", title: "Perfect for wedding favors and gifts", quote:
|
||||
"We customized 150 mugs as wedding gifts. The personalization was flawless, and the presentation was elegant. All guests were impressed. This will be our first choice for all future events.", tag: "Wedding", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp?_wi=6"},
|
||||
"We customized 150 mugs as wedding gifts. The personalization was flawless, and the presentation was elegant. All guests were impressed. This will be our first choice for all future events.", tag: "Wedding", avatarSrc: "/placeholders/placeholder1.webp", imageSrc: "/placeholders/placeholder1.webp"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
|
||||
@@ -1,51 +1,44 @@
|
||||
"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;
|
||||
fontSize?: number;
|
||||
fontFamily?: string;
|
||||
fontWeight?: string | number;
|
||||
letterSpacing?: number;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
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,
|
||||
fontSize = 48,
|
||||
fontFamily = 'Arial, sans-serif',
|
||||
fontWeight = 'bold',
|
||||
letterSpacing = 0,
|
||||
className = '',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width="100%"
|
||||
height="100%"
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.2}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<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"
|
||||
}}
|
||||
y={fontSize * 0.8}
|
||||
fontSize={fontSize}
|
||||
fontFamily={fontFamily}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
fill="currentColor"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user