Merge version_1 into main #2
@@ -7,21 +7,20 @@ import FeatureHoverPattern from "@/components/sections/feature/featureHoverPatte
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import Link from "next/link";
|
||||
import { Leaf, Heart, Wallet, MapPin } from "lucide-react";
|
||||
import { Shirt, Sparkles, Clock, Zap, Leaf, Heart, Wallet, MapPin } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Store Info", id: "storeinfo" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Store Info", id: "#storeinfo" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "Men's Fashion", href: "/" },
|
||||
{ label: "Women's Wear", href: "/" },
|
||||
{ label: "Accessories", href: "/" },
|
||||
@@ -30,8 +29,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Store Info", href: "/store-info" },
|
||||
{ label: "Contact Us", href: "/" },
|
||||
@@ -40,8 +38,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
@@ -58,7 +55,7 @@ export default function AboutPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -79,27 +76,19 @@ export default function AboutPage() {
|
||||
tag="Our Story"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Fashion",
|
||||
description: "Every piece is carefully selected to promote eco-conscious shopping and reduce fashion waste.",
|
||||
icon: Leaf,
|
||||
title: "Sustainable Fashion", description: "Every piece is carefully selected to promote eco-conscious shopping and reduce fashion waste.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Curated Collections",
|
||||
description: "Our expert team handpicks each item to ensure quality, style, and value for our customers.",
|
||||
icon: Heart,
|
||||
title: "Curated Collections", description: "Our expert team handpicks each item to ensure quality, style, and value for our customers.", icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Affordable Prices",
|
||||
description: "Premium quality fashion at prices that won't drain your wallet. Great value guaranteed.",
|
||||
icon: Wallet,
|
||||
title: "Affordable Prices", description: "Premium quality fashion at prices that won't drain your wallet. Great value guaranteed.", icon: Wallet,
|
||||
},
|
||||
{
|
||||
title: "Local Community",
|
||||
description: "Proudly serving Taliparamba and Kerala with excellent service and fashion expertise.",
|
||||
icon: MapPin,
|
||||
title: "Local Community", description: "Proudly serving Taliparamba and Kerala with excellent service and fashion expertise.", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-macrame-technique-home_23-2149064500.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-macrame-technique-home_23-2149064500.jpg"
|
||||
imageAlt="Thrift Shop storefront and interior"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
@@ -114,30 +103,20 @@ export default function AboutPage() {
|
||||
description="Explore our carefully curated selection of affordable, sustainable fashion for every style and occasion."
|
||||
features={[
|
||||
{
|
||||
icon: "Shirt",
|
||||
title: "Men's Fashion",
|
||||
description: "Premium quality men's clothing from casual wear to formal pieces. Discover timeless styles at affordable prices.",
|
||||
},
|
||||
icon: Shirt,
|
||||
title: "Men's Fashion", description: "Premium quality men's clothing from casual wear to formal pieces. Discover timeless styles at affordable prices."},
|
||||
{
|
||||
icon: "Dress",
|
||||
title: "Women's Wear",
|
||||
description: "Trendy and classic women's clothing for every season. Find your perfect outfit from our diverse collection.",
|
||||
},
|
||||
icon: Sparkles,
|
||||
title: "Women's Wear", description: "Trendy and classic women's clothing for every season. Find your perfect outfit from our diverse collection."},
|
||||
{
|
||||
icon: "Sparkles",
|
||||
title: "Accessories",
|
||||
description: "Complete your look with our curated selection of bags, belts, scarves, and jewelry.",
|
||||
},
|
||||
icon: Sparkles,
|
||||
title: "Accessories", description: "Complete your look with our curated selection of bags, belts, scarves, and jewelry."},
|
||||
{
|
||||
icon: "Clock",
|
||||
title: "Vintage Treasures",
|
||||
description: "Unique vintage pieces that tell a story. Sustainable fashion with timeless appeal.",
|
||||
},
|
||||
icon: Clock,
|
||||
title: "Vintage Treasures", description: "Unique vintage pieces that tell a story. Sustainable fashion with timeless appeal."},
|
||||
{
|
||||
icon: "Zap",
|
||||
title: "New Arrivals",
|
||||
description: "Fresh stock added weekly. Stay updated with our latest fashion discoveries and trending pieces.",
|
||||
},
|
||||
icon: Zap,
|
||||
title: "New Arrivals", description: "Fresh stock added weekly. Stay updated with our latest fashion discoveries and trending pieces."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -152,59 +131,23 @@ export default function AboutPage() {
|
||||
tag="4.5★ Rating"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anjali Kumar",
|
||||
handle: "@anjali_fashion",
|
||||
testimonial:
|
||||
"Thrift Shop has amazing quality pieces at unbeatable prices. I love supporting sustainable fashion!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg?_wi=3",
|
||||
imageAlt: "Anjali Kumar",
|
||||
},
|
||||
id: "1", name: "Anjali Kumar", handle: "@anjali_fashion", testimonial:
|
||||
"Thrift Shop has amazing quality pieces at unbeatable prices. I love supporting sustainable fashion!", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg", imageAlt: "Anjali Kumar"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rajesh Menon",
|
||||
handle: "@style_seeker",
|
||||
testimonial:
|
||||
"Found the perfect vintage jacket here. The staff is super helpful and knowledgeable about fashion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg?_wi=3",
|
||||
imageAlt: "Rajesh Menon",
|
||||
},
|
||||
id: "2", name: "Rajesh Menon", handle: "@style_seeker", testimonial:
|
||||
"Found the perfect vintage jacket here. The staff is super helpful and knowledgeable about fashion.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg", imageAlt: "Rajesh Menon"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Meera Nair",
|
||||
handle: "@vintage_vibes",
|
||||
testimonial:
|
||||
"My go-to place for affordable ethnic wear. The collection keeps getting better every month!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=2",
|
||||
imageAlt: "Meera Nair",
|
||||
},
|
||||
id: "3", name: "Meera Nair", handle: "@vintage_vibes", testimonial:
|
||||
"My go-to place for affordable ethnic wear. The collection keeps getting better every month!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", imageAlt: "Meera Nair"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Arjun Singh",
|
||||
handle: "@fashion_forward",
|
||||
testimonial:
|
||||
"Great experience shopping here. Quality products, fair prices, and excellent customer service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg?_wi=2",
|
||||
imageAlt: "Arjun Singh",
|
||||
},
|
||||
id: "4", name: "Arjun Singh", handle: "@fashion_forward", testimonial:
|
||||
"Great experience shopping here. Quality products, fair prices, and excellent customer service.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", imageAlt: "Arjun Singh"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Divya Sharma",
|
||||
handle: "@eco_fashion",
|
||||
testimonial:
|
||||
"Love how Thrift Shop promotes sustainable fashion. Every piece I buy has a story!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg?_wi=4",
|
||||
imageAlt: "Divya Sharma",
|
||||
},
|
||||
id: "5", name: "Divya Sharma", handle: "@eco_fashion", testimonial:
|
||||
"Love how Thrift Shop promotes sustainable fashion. Every piece I buy has a story!", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg", imageAlt: "Divya Sharma"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vikram Patel",
|
||||
handle: "@style_guru",
|
||||
testimonial:
|
||||
"Best thrift store in Taliparamba. Always finding treasures here. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg?_wi=4",
|
||||
imageAlt: "Vikram Patel",
|
||||
},
|
||||
id: "6", name: "Vikram Patel", handle: "@style_guru", testimonial:
|
||||
"Best thrift store in Taliparamba. Always finding treasures here. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg", imageAlt: "Vikram Patel"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
|
||||
177
src/app/page.tsx
177
src/app/page.tsx
@@ -10,7 +10,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Shirt, Dress, Sparkles, Clock, Zap, Leaf, Heart, Wallet, MapPin } from "lucide-react";
|
||||
import { Shirt, Sparkles, Clock, Zap, Leaf, Heart, Wallet, MapPin } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -21,7 +21,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -30,15 +30,14 @@ export default function HomePage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Store Info", id: "storeinfo" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Store Info", id: "#storeinfo" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Visit Us",
|
||||
href: "storeinfo"
|
||||
text: "Visit Us", href: "#storeinfo"
|
||||
}}
|
||||
brandName="Thrift Shop"
|
||||
/>
|
||||
@@ -49,33 +48,28 @@ export default function HomePage() {
|
||||
title="Affordable Fashion. Timeless Style."
|
||||
description="Discover our curated collection of sustainable thrift fashion at Thrift Shop. From vintage treasures to new arrivals, find your perfect piece at unbeatable prices."
|
||||
tag="4.5 ★ Rated"
|
||||
tagAnimation="entrance-slide"
|
||||
background={{ variant: "grid" }}
|
||||
tagAnimation="blur-reveal"
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
{ text: "Visit Us Today", href: "#storeinfo" }
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19713.jpg",
|
||||
imageAlt: "Hero banner featuring stylish sustainable fashion"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19713.jpg", imageAlt: "Hero banner featuring stylish sustainable fashion"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg?_wi=1",
|
||||
imageAlt: "Men's collection showcase"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg", imageAlt: "Men's collection showcase"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-repair-sale-shop_23-2150746328.jpg?_wi=1",
|
||||
imageAlt: "Women's collection display"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-repair-sale-shop_23-2150746328.jpg", imageAlt: "Women's collection display"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-trying-necklace_23-2147669954.jpg?_wi=1",
|
||||
imageAlt: "Accessories collection featured"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-trying-necklace_23-2147669954.jpg", imageAlt: "Accessories collection featured"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8024.jpg?_wi=1",
|
||||
imageAlt: "Vintage collection highlights"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8024.jpg", imageAlt: "Vintage collection highlights"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
@@ -90,28 +84,23 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
icon: Shirt,
|
||||
title: "Men's Fashion",
|
||||
description: "Premium quality men's clothing from casual wear to formal pieces. Discover timeless styles at affordable prices."
|
||||
},
|
||||
{
|
||||
icon: Dress,
|
||||
title: "Women's Wear",
|
||||
description: "Trendy and classic women's clothing for every season. Find your perfect outfit from our diverse collection."
|
||||
title: "Men's Fashion", description: "Premium quality men's clothing from casual wear to formal pieces. Discover timeless styles at affordable prices."
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Accessories",
|
||||
description: "Complete your look with our curated selection of bags, belts, scarves, and jewelry."
|
||||
title: "Women's Wear", description: "Trendy and classic women's clothing for every season. Find your perfect outfit from our diverse collection."
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Accessories", description: "Complete your look with our curated selection of bags, belts, scarves, and jewelry."
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Vintage Treasures",
|
||||
description: "Unique vintage pieces that tell a story. Sustainable fashion with timeless appeal."
|
||||
title: "Vintage Treasures", description: "Unique vintage pieces that tell a story. Sustainable fashion with timeless appeal."
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "New Arrivals",
|
||||
description: "Fresh stock added weekly. Stay updated with our latest fashion discoveries and trending pieces."
|
||||
title: "New Arrivals", description: "Fresh stock added weekly. Stay updated with our latest fashion discoveries and trending pieces."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -126,30 +115,22 @@ export default function HomePage() {
|
||||
title="About Thrift Shop"
|
||||
description="We believe in making fashion accessible, sustainable, and affordable for everyone. Our mission is to provide quality curated pieces that help you express your unique style without breaking the bank."
|
||||
tag="Our Story"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Fashion",
|
||||
description: "Every piece is carefully selected to promote eco-conscious shopping and reduce fashion waste.",
|
||||
icon: Leaf
|
||||
title: "Sustainable Fashion", description: "Every piece is carefully selected to promote eco-conscious shopping and reduce fashion waste.", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Curated Collections",
|
||||
description: "Our expert team handpicks each item to ensure quality, style, and value for our customers.",
|
||||
icon: Heart
|
||||
title: "Curated Collections", description: "Our expert team handpicks each item to ensure quality, style, and value for our customers.", icon: Heart
|
||||
},
|
||||
{
|
||||
title: "Affordable Prices",
|
||||
description: "Premium quality fashion at prices that won't drain your wallet. Great value guaranteed.",
|
||||
icon: Wallet
|
||||
title: "Affordable Prices", description: "Premium quality fashion at prices that won't drain your wallet. Great value guaranteed.", icon: Wallet
|
||||
},
|
||||
{
|
||||
title: "Local Community",
|
||||
description: "Proudly serving Taliparamba and Kerala with excellent service and fashion expertise.",
|
||||
icon: MapPin
|
||||
title: "Local Community", description: "Proudly serving Taliparamba and Kerala with excellent service and fashion expertise.", icon: MapPin
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-macrame-technique-home_23-2149064500.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-macrame-technique-home_23-2149064500.jpg"
|
||||
imageAlt="Thrift Shop storefront and interior"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
@@ -165,46 +146,22 @@ export default function HomePage() {
|
||||
description="Browse our latest collection of carefully selected fashion pieces. Each item represents quality, style, and value."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Vintage Denim Jacket",
|
||||
price: "₹1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg?_wi=2",
|
||||
imageAlt: "Vintage denim jacket"
|
||||
id: "1", name: "Premium Vintage Denim Jacket", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg", imageAlt: "Vintage denim jacket"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Silk Blend Saree",
|
||||
price: "₹899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-repair-sale-shop_23-2150746328.jpg?_wi=2",
|
||||
imageAlt: "Traditional silk saree"
|
||||
id: "2", name: "Classic Silk Blend Saree", price: "₹899", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-repair-sale-shop_23-2150746328.jpg", imageAlt: "Traditional silk saree"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Leather Crossbody Bag",
|
||||
price: "₹749",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-trying-necklace_23-2147669954.jpg?_wi=2",
|
||||
imageAlt: "Brown leather bag"
|
||||
id: "3", name: "Leather Crossbody Bag", price: "₹749", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-trying-necklace_23-2147669954.jpg", imageAlt: "Brown leather bag"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Retro Band T-Shirt",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8024.jpg?_wi=2",
|
||||
imageAlt: "Vintage band tee"
|
||||
id: "4", name: "Retro Band T-Shirt", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8024.jpg", imageAlt: "Vintage band tee"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wool Blend Blazer",
|
||||
price: "₹1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-arrangement_23-2148950959.jpg?_wi=1",
|
||||
imageAlt: "Professional blazer"
|
||||
id: "5", name: "Wool Blend Blazer", price: "₹1,499", imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-arrangement_23-2148950959.jpg", imageAlt: "Professional blazer"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Embroidered Kurta Set",
|
||||
price: "₹699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg?_wi=3",
|
||||
imageAlt: "Ethnic kurta collection"
|
||||
id: "6", name: "Embroidered Kurta Set", price: "₹699", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg", imageAlt: "Ethnic kurta collection"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -220,55 +177,25 @@ export default function HomePage() {
|
||||
title="What Our Customers Say"
|
||||
description="Join thousands of satisfied customers who've found their perfect style at Thrift Shop."
|
||||
tag="4.5★ Rating"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anjali Kumar",
|
||||
handle: "@anjali_fashion",
|
||||
testimonial: "Thrift Shop has amazing quality pieces at unbeatable prices. I love supporting sustainable fashion!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg?_wi=1",
|
||||
imageAlt: "Anjali Kumar"
|
||||
id: "1", name: "Anjali Kumar", handle: "@anjali_fashion", testimonial: "Thrift Shop has amazing quality pieces at unbeatable prices. I love supporting sustainable fashion!", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg", imageAlt: "Anjali Kumar"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rajesh Menon",
|
||||
handle: "@style_seeker",
|
||||
testimonial: "Found the perfect vintage jacket here. The staff is super helpful and knowledgeable about fashion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg?_wi=1",
|
||||
imageAlt: "Rajesh Menon"
|
||||
id: "2", name: "Rajesh Menon", handle: "@style_seeker", testimonial: "Found the perfect vintage jacket here. The staff is super helpful and knowledgeable about fashion.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg", imageAlt: "Rajesh Menon"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Meera Nair",
|
||||
handle: "@vintage_vibes",
|
||||
testimonial: "My go-to place for affordable ethnic wear. The collection keeps getting better every month!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=1",
|
||||
imageAlt: "Meera Nair"
|
||||
id: "3", name: "Meera Nair", handle: "@vintage_vibes", testimonial: "My go-to place for affordable ethnic wear. The collection keeps getting better every month!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", imageAlt: "Meera Nair"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Arjun Singh",
|
||||
handle: "@fashion_forward",
|
||||
testimonial: "Great experience shopping here. Quality products, fair prices, and excellent customer service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg?_wi=1",
|
||||
imageAlt: "Arjun Singh"
|
||||
id: "4", name: "Arjun Singh", handle: "@fashion_forward", testimonial: "Great experience shopping here. Quality products, fair prices, and excellent customer service.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", imageAlt: "Arjun Singh"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Divya Sharma",
|
||||
handle: "@eco_fashion",
|
||||
testimonial: "Love how Thrift Shop promotes sustainable fashion. Every piece I buy has a story!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg?_wi=2",
|
||||
imageAlt: "Divya Sharma"
|
||||
id: "5", name: "Divya Sharma", handle: "@eco_fashion", testimonial: "Love how Thrift Shop promotes sustainable fashion. Every piece I buy has a story!", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg", imageAlt: "Divya Sharma"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vikram Patel",
|
||||
handle: "@style_guru",
|
||||
testimonial: "Best thrift store in Taliparamba. Always finding treasures here. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg?_wi=2",
|
||||
imageAlt: "Vikram Patel"
|
||||
id: "6", name: "Vikram Patel", handle: "@style_guru", testimonial: "Best thrift store in Taliparamba. Always finding treasures here. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg", imageAlt: "Vikram Patel"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -299,16 +226,11 @@ export default function HomePage() {
|
||||
title="Follow Us on Instagram"
|
||||
description="Stay updated with our latest arrivals, fashion tips, and exclusive offers. Join our fashion community!"
|
||||
tag="Social Media"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Follow @thriftshoptaliparamba",
|
||||
"Daily New Arrivals",
|
||||
"Sustainable Fashion Tips",
|
||||
"Customer Styling Inspiration",
|
||||
"Weekly Exclusive Offers",
|
||||
"Join Our Fashion Community"
|
||||
"Follow @thriftshoptaliparamba", "Daily New Arrivals", "Sustainable Fashion Tips", "Customer Styling Inspiration", "Weekly Exclusive Offers", "Join Our Fashion Community"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
@@ -323,8 +245,7 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "Men's Fashion", href: "/shop" },
|
||||
{ label: "Women's Wear", href: "/shop" },
|
||||
{ label: "Accessories", href: "/shop" },
|
||||
@@ -333,8 +254,7 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Store Info", href: "#storeinfo" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
@@ -343,8 +263,7 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
|
||||
@@ -14,7 +14,7 @@ export default function ShopPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -25,13 +25,12 @@ export default function ShopPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Store Info", id: "#storeinfo" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Visit Us",
|
||||
href: "#storeinfo"
|
||||
text: "Visit Us", href: "#storeinfo"
|
||||
}}
|
||||
brandName="Thrift Shop"
|
||||
/>
|
||||
@@ -43,67 +42,31 @@ export default function ShopPage() {
|
||||
description="Explore our entire range of curated fashion items. Discover premium quality clothing at unbeatable prices with sustainable choices for conscious shoppers."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Vintage Denim Jacket",
|
||||
price: "₹1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg?_wi=4",
|
||||
imageAlt: "Vintage denim jacket in classic blue"
|
||||
id: "1", name: "Premium Vintage Denim Jacket", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg", imageAlt: "Vintage denim jacket in classic blue"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Silk Blend Saree",
|
||||
price: "₹899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-repair-sale-shop_23-2150746328.jpg?_wi=3",
|
||||
imageAlt: "Traditional silk blend saree"
|
||||
id: "2", name: "Classic Silk Blend Saree", price: "₹899", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-repair-sale-shop_23-2150746328.jpg", imageAlt: "Traditional silk blend saree"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Leather Crossbody Bag",
|
||||
price: "₹749",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-trying-necklace_23-2147669954.jpg?_wi=3",
|
||||
imageAlt: "Genuine leather crossbody bag"
|
||||
id: "3", name: "Leather Crossbody Bag", price: "₹749", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-trying-necklace_23-2147669954.jpg", imageAlt: "Genuine leather crossbody bag"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Retro Band T-Shirt",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8024.jpg?_wi=3",
|
||||
imageAlt: "Vintage band t-shirt"
|
||||
id: "4", name: "Retro Band T-Shirt", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8024.jpg", imageAlt: "Vintage band t-shirt"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wool Blend Blazer",
|
||||
price: "₹1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-arrangement_23-2148950959.jpg?_wi=2",
|
||||
imageAlt: "Professional wool blend blazer"
|
||||
id: "5", name: "Wool Blend Blazer", price: "₹1,499", imageSrc: "http://img.b2bpic.net/free-photo/antiques-market-objects-arrangement_23-2148950959.jpg", imageAlt: "Professional wool blend blazer"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Embroidered Kurta Set",
|
||||
price: "₹699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg?_wi=5",
|
||||
imageAlt: "Embroidered ethnic kurta set"
|
||||
id: "6", name: "Embroidered Kurta Set", price: "₹699", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-clothes-rack-showroom_23-2148175631.jpg", imageAlt: "Embroidered ethnic kurta set"
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
name: "Linen Summer Dress",
|
||||
price: "₹649",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-repair-sale-shop_23-2150746328.jpg?_wi=4",
|
||||
imageAlt: "Breathable linen summer dress"
|
||||
id: "7", name: "Linen Summer Dress", price: "₹649", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-repair-sale-shop_23-2150746328.jpg", imageAlt: "Breathable linen summer dress"
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
name: "Denim Shorts",
|
||||
price: "₹449",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-trying-necklace_23-2147669954.jpg?_wi=4",
|
||||
imageAlt: "Classic denim shorts"
|
||||
id: "8", name: "Denim Shorts", price: "₹449", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-trying-necklace_23-2147669954.jpg", imageAlt: "Classic denim shorts"
|
||||
},
|
||||
{
|
||||
id: "9",
|
||||
name: "Cotton Flannel Shirt",
|
||||
price: "₹599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8024.jpg?_wi=4",
|
||||
imageAlt: "Comfortable cotton flannel shirt"
|
||||
id: "9", name: "Cotton Flannel Shirt", price: "₹599", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-blonde-woman-jeans-oversize-jacket-posing-against-wall-street_285396-8024.jpg", imageAlt: "Comfortable cotton flannel shirt"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -119,37 +82,25 @@ export default function ShopPage() {
|
||||
title="Shopping Guide & FAQs"
|
||||
description="Find answers to common questions about our products, pricing, and shopping experience at Thrift Shop."
|
||||
tag="Help & Support"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What's your price range?",
|
||||
content: "Our items range from ₹299 to ₹2,999 depending on the collection. We offer excellent value across all price points, with regular discounts and seasonal sales."
|
||||
id: "1", title: "What's your price range?", content: "Our items range from ₹299 to ₹2,999 depending on the collection. We offer excellent value across all price points, with regular discounts and seasonal sales."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are all items authentic?",
|
||||
content: "Yes! Every piece in our collection is carefully verified for authenticity. We only stock genuine items, whether vintage or contemporary."
|
||||
id: "2", title: "Are all items authentic?", content: "Yes! Every piece in our collection is carefully verified for authenticity. We only stock genuine items, whether vintage or contemporary."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer exchanges?",
|
||||
content: "We offer exchanges within 7 days of purchase with original receipt. Please visit our store for the exchange process."
|
||||
id: "3", title: "Do you offer exchanges?", content: "We offer exchanges within 7 days of purchase with original receipt. Please visit our store for the exchange process."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do you curate your collection?",
|
||||
content: "Our expert team personally selects each item to ensure quality, style, and value. We focus on sustainable, timeless pieces that offer great value."
|
||||
id: "4", title: "How do you curate your collection?", content: "Our expert team personally selects each item to ensure quality, style, and value. We focus on sustainable, timeless pieces that offer great value."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you have size guides?",
|
||||
content: "Yes! Our staff can help with sizing advice in-store. Sizes vary by brand, so we recommend trying items on for the perfect fit."
|
||||
id: "5", title: "Do you have size guides?", content: "Yes! Our staff can help with sizing advice in-store. Sizes vary by brand, so we recommend trying items on for the perfect fit."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are there seasonal collections?",
|
||||
content: "Absolutely! We update our collection weekly with new arrivals. Follow our Instagram for seasonal highlights and exclusive finds."
|
||||
id: "6", title: "Are there seasonal collections?", content: "Absolutely! We update our collection weekly with new arrivals. Follow our Instagram for seasonal highlights and exclusive finds."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -164,8 +115,7 @@ export default function ShopPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "Men's Fashion", href: "/shop" },
|
||||
{ label: "Women's Wear", href: "/shop" },
|
||||
{ label: "Accessories", href: "/shop" },
|
||||
@@ -174,8 +124,7 @@ export default function ShopPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Store Info", href: "/" },
|
||||
{ label: "Contact Us", href: "/" },
|
||||
@@ -184,8 +133,7 @@ export default function ShopPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
|
||||
@@ -1,51 +1,41 @@
|
||||
"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;
|
||||
size?: 'small' | 'medium' | 'large';
|
||||
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 = 'Logo', size = 'medium', className = '' }) => {
|
||||
const sizes = {
|
||||
small: { width: '80', height: '24', fontSize: '16' },
|
||||
medium: { width: '120', height: '36', fontSize: '24' },
|
||||
large: { width: '160', height: '48', fontSize: '32' }
|
||||
};
|
||||
|
||||
const { width, height, fontSize } = sizes[size];
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
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"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
fontSize={fontSize}
|
||||
fontWeight="bold"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user