Merge version_1 into main #2
@@ -19,8 +19,7 @@ export default function AboutPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse All", href: "/browse" },
|
||||
{ label: "Categories", href: "/browse" },
|
||||
{ label: "Trending", href: "/browse" },
|
||||
@@ -28,8 +27,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "How It Works", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -37,8 +35,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
@@ -46,8 +43,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -73,9 +69,7 @@ export default function AboutPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Explore Products",
|
||||
href: "/browse",
|
||||
}}
|
||||
text: "Explore Products", href: "/browse"}}
|
||||
brandName="ProdFound"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,17 +81,13 @@ export default function AboutPage() {
|
||||
tag="Our Story"
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg"
|
||||
imageAlt="ProdFound mission and vision"
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Products",
|
||||
href: "/browse",
|
||||
},
|
||||
text: "Browse Products", href: "/browse"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -109,39 +99,24 @@ export default function AboutPage() {
|
||||
description="ProdFound combines discovery, curation, and community to bring you the best products. Here's what makes us different."
|
||||
tag="Our Process"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crowd-people-with-phones_53876-20883.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crowd-people-with-phones_53876-20883.jpg"
|
||||
imageAlt="Product discovery and curation process"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "discovery",
|
||||
title: "Smart Discovery Engine",
|
||||
content: "Our AI-powered discovery engine scans thousands of products worldwide, identifying innovative items across categories like tech, lifestyle, home, and wellness. We source from verified sellers and premium brands to ensure quality.",
|
||||
},
|
||||
id: "discovery", title: "Smart Discovery Engine", content: "Our AI-powered discovery engine scans thousands of products worldwide, identifying innovative items across categories like tech, lifestyle, home, and wellness. We source from verified sellers and premium brands to ensure quality."},
|
||||
{
|
||||
id: "curation",
|
||||
title: "Expert Curation",
|
||||
content: "Our curation team of lifestyle experts, tech enthusiasts, and designers hand-picks products that meet our rigorous standards. Every featured product is tested for quality, innovation, and value.",
|
||||
},
|
||||
id: "curation", title: "Expert Curation", content: "Our curation team of lifestyle experts, tech enthusiasts, and designers hand-picks products that meet our rigorous standards. Every featured product is tested for quality, innovation, and value."},
|
||||
{
|
||||
id: "community",
|
||||
title: "Community-Driven Reviews",
|
||||
content: "Real customer reviews and ratings help you make informed decisions. Our community provides honest feedback and use cases that go beyond generic product descriptions.",
|
||||
},
|
||||
id: "community", title: "Community-Driven Reviews", content: "Real customer reviews and ratings help you make informed decisions. Our community provides honest feedback and use cases that go beyond generic product descriptions."},
|
||||
{
|
||||
id: "trust",
|
||||
title: "Trust & Transparency",
|
||||
content: "We're committed to transparency in pricing, shipping, and returns. Every product comes with verified seller information, genuine customer testimonials, and straightforward purchase terms.",
|
||||
},
|
||||
id: "trust", title: "Trust & Transparency", content: "We're committed to transparency in pricing, shipping, and returns. Every product comes with verified seller information, genuine customer testimonials, and straightforward purchase terms."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Curated Collections",
|
||||
href: "/browse",
|
||||
},
|
||||
text: "Explore Curated Collections", href: "/browse"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,32 +126,14 @@ export default function AboutPage() {
|
||||
<TestimonialCardOne
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "Product Designer",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",
|
||||
imageAlt: "Sarah Chen profile photo",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "Product Designer", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Sarah Chen profile photo"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
role: "Entrepreneur",
|
||||
company: "Small Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-male-manager-leaning-railings_1262-3653.jpg?_wi=2",
|
||||
imageAlt: "Marcus Johnson profile photo",
|
||||
},
|
||||
id: "2", name: "Marcus Johnson", role: "Entrepreneur", company: "Small Business Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-male-manager-leaning-railings_1262-3653.jpg", imageAlt: "Marcus Johnson profile photo"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Creative Director",
|
||||
company: "Design Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-brunette-glasses-street-with-interesting-architecture-background_613910-14022.jpg?_wi=2",
|
||||
imageAlt: "Emma Rodriguez profile photo",
|
||||
},
|
||||
id: "3", name: "Emma Rodriguez", role: "Creative Director", company: "Design Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-brunette-glasses-street-with-interesting-architecture-background_613910-14022.jpg", imageAlt: "Emma Rodriguez profile photo"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Real stories from users who've discovered amazing products through ProdFound"
|
||||
@@ -188,9 +145,7 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More Stories",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read More Stories", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
|
||||
278
src/app/page.tsx
278
src/app/page.tsx
@@ -35,9 +35,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Explore Products",
|
||||
href: "/browse",
|
||||
}}
|
||||
text: "Explore Products", href: "/browse"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -48,17 +46,13 @@ export default function HomePage() {
|
||||
tag="Welcome to ProdFound"
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg"
|
||||
imageAlt="Featured innovative products display"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "/browse",
|
||||
},
|
||||
text: "Explore Products", href: "/browse"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -70,47 +64,24 @@ export default function HomePage() {
|
||||
description="Handpicked selection of innovative products trending this month"
|
||||
tag="Popular Picks"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "TechFlow",
|
||||
name: "SmartFlow Pro Wireless Earbuds",
|
||||
price: "$129.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074264.jpg?_wi=1",
|
||||
imageAlt: "SmartFlow Pro wireless earbuds",
|
||||
},
|
||||
id: "1", brand: "TechFlow", name: "SmartFlow Pro Wireless Earbuds", price: "$129.99", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074264.jpg", imageAlt: "SmartFlow Pro wireless earbuds"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "LifeStyle Co",
|
||||
name: "Minimal Design Desk Organizer",
|
||||
price: "$49.99",
|
||||
rating: 4,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/labels-plants-florist-shop_53876-134342.jpg?_wi=1",
|
||||
imageAlt: "Minimalist desk organizer set",
|
||||
},
|
||||
id: "2", brand: "LifeStyle Co", name: "Minimal Design Desk Organizer", price: "$49.99", rating: 4,
|
||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/labels-plants-florist-shop_53876-134342.jpg", imageAlt: "Minimalist desk organizer set"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Productivity Lab",
|
||||
name: "Digital Task Manager Tablet",
|
||||
price: "$299.99",
|
||||
rating: 5,
|
||||
reviewCount: "3.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-healthy-food_23-2147750796.jpg?_wi=1",
|
||||
imageAlt: "Digital task manager tablet device",
|
||||
},
|
||||
id: "3", brand: "Productivity Lab", name: "Digital Task Manager Tablet", price: "$299.99", rating: 5,
|
||||
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-healthy-food_23-2147750796.jpg", imageAlt: "Digital task manager tablet device"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Featured",
|
||||
href: "/browse",
|
||||
},
|
||||
text: "View All Featured", href: "/browse"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -122,39 +93,24 @@ export default function HomePage() {
|
||||
description="Explore our curated collections across different product categories"
|
||||
tag="Categories"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crowd-people-with-phones_53876-20883.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crowd-people-with-phones_53876-20883.jpg"
|
||||
imageAlt="Product category showcase"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "tech",
|
||||
title: "Tech & Gadgets",
|
||||
content: "Latest innovative technology, smart devices, and cutting-edge gadgets from leading brands worldwide.",
|
||||
},
|
||||
id: "tech", title: "Tech & Gadgets", content: "Latest innovative technology, smart devices, and cutting-edge gadgets from leading brands worldwide."},
|
||||
{
|
||||
id: "lifestyle",
|
||||
title: "Lifestyle & Home",
|
||||
content: "Transform your space with premium home decor, furniture, and lifestyle products that blend style with functionality.",
|
||||
},
|
||||
id: "lifestyle", title: "Lifestyle & Home", content: "Transform your space with premium home decor, furniture, and lifestyle products that blend style with functionality."},
|
||||
{
|
||||
id: "productivity",
|
||||
title: "Productivity Tools",
|
||||
content: "Enhance your workflow with carefully selected productivity tools, organizers, and workspace essentials.",
|
||||
},
|
||||
id: "productivity", title: "Productivity Tools", content: "Enhance your workflow with carefully selected productivity tools, organizers, and workspace essentials."},
|
||||
{
|
||||
id: "wellness",
|
||||
title: "Wellness & Self-Care",
|
||||
content: "Discover products designed to improve your wellbeing, health, and daily self-care routines.",
|
||||
},
|
||||
id: "wellness", title: "Wellness & Self-Care", content: "Discover products designed to improve your wellbeing, health, and daily self-care routines."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore All Categories",
|
||||
href: "/browse",
|
||||
},
|
||||
text: "Explore All Categories", href: "/browse"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -166,57 +122,27 @@ export default function HomePage() {
|
||||
description="What everyone is discovering and buying right now"
|
||||
tag="Hot Products"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
id: "4",
|
||||
brand: "EcoHome",
|
||||
name: "Sustainable Bamboo Storage Set",
|
||||
price: "$79.99",
|
||||
rating: 5,
|
||||
reviewCount: "892",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141453.jpg?_wi=1",
|
||||
imageAlt: "Eco-friendly bamboo storage containers",
|
||||
},
|
||||
id: "4", brand: "EcoHome", name: "Sustainable Bamboo Storage Set", price: "$79.99", rating: 5,
|
||||
reviewCount: "892", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141453.jpg", imageAlt: "Eco-friendly bamboo storage containers"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "FitNow",
|
||||
name: "Portable Smart Fitness Watch",
|
||||
price: "$199.99",
|
||||
rating: 4,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wear-wristbands-exercise-stand-against-wall_1150-16546.jpg?_wi=1",
|
||||
imageAlt: "Smart fitness tracking watch",
|
||||
},
|
||||
id: "5", brand: "FitNow", name: "Portable Smart Fitness Watch", price: "$199.99", rating: 4,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/women-wear-wristbands-exercise-stand-against-wall_1150-16546.jpg", imageAlt: "Smart fitness tracking watch"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "LightWorks",
|
||||
name: "Adjustable LED Desk Lamp",
|
||||
price: "$89.99",
|
||||
rating: 5,
|
||||
reviewCount: "743",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-lamp-plants_23-2148745749.jpg?_wi=1",
|
||||
imageAlt: "Modern adjustable LED desk lamp",
|
||||
},
|
||||
id: "6", brand: "LightWorks", name: "Adjustable LED Desk Lamp", price: "$89.99", rating: 5,
|
||||
reviewCount: "743", imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-lamp-plants_23-2148745749.jpg", imageAlt: "Modern adjustable LED desk lamp"},
|
||||
{
|
||||
id: "7",
|
||||
brand: "VoiceHub",
|
||||
name: "Smart Home Voice Assistant",
|
||||
price: "$149.99",
|
||||
rating: 4,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-speaker-digital-assistant_23-2149108001.jpg?_wi=1",
|
||||
imageAlt: "Smart home voice assistant device",
|
||||
},
|
||||
id: "7", brand: "VoiceHub", name: "Smart Home Voice Assistant", price: "$149.99", rating: 4,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-speaker-digital-assistant_23-2149108001.jpg", imageAlt: "Smart home voice assistant device"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover More Trending",
|
||||
href: "/browse",
|
||||
},
|
||||
text: "Discover More Trending", href: "/browse"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -234,65 +160,27 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "Product Designer",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",
|
||||
imageAlt: "Sarah Chen profile photo",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "Product Designer", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Sarah Chen profile photo"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
role: "Entrepreneur",
|
||||
company: "Small Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-male-manager-leaning-railings_1262-3653.jpg?_wi=1",
|
||||
imageAlt: "Marcus Johnson profile photo",
|
||||
},
|
||||
id: "2", name: "Marcus Johnson", role: "Entrepreneur", company: "Small Business Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-male-manager-leaning-railings_1262-3653.jpg", imageAlt: "Marcus Johnson profile photo"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Creative Director",
|
||||
company: "Design Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-brunette-glasses-street-with-interesting-architecture-background_613910-14022.jpg?_wi=1",
|
||||
imageAlt: "Emma Rodriguez profile photo",
|
||||
},
|
||||
id: "3", name: "Emma Rodriguez", role: "Creative Director", company: "Design Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-brunette-glasses-street-with-interesting-architecture-background_613910-14022.jpg", imageAlt: "Emma Rodriguez profile photo"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Home Enthusiast",
|
||||
company: "Interior Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-business-style-luxury-concept-picture-successful-young-european-bearded-man-wearing-expensive-wrist-watch-elegant-suit-relaxing-modern-luxurious-living-room-couch_343059-1777.jpg",
|
||||
imageAlt: "David Kim profile photo",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Home Enthusiast", company: "Interior Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-business-style-luxury-concept-picture-successful-young-european-bearded-man-wearing-expensive-wrist-watch-elegant-suit-relaxing-modern-luxurious-living-room-couch_343059-1777.jpg", imageAlt: "David Kim profile photo"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
role: "Lifestyle Blogger",
|
||||
company: "Digital Creator",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-artist-portrait_23-2149445986.jpg",
|
||||
imageAlt: "Lisa Anderson profile photo",
|
||||
},
|
||||
id: "5", name: "Lisa Anderson", role: "Lifestyle Blogger", company: "Digital Creator", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-artist-portrait_23-2149445986.jpg", imageAlt: "Lisa Anderson profile photo"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
role: "Tech Enthusiast",
|
||||
company: "Freelancer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-mobile-phone_1170-1116.jpg",
|
||||
imageAlt: "James Wilson profile photo",
|
||||
},
|
||||
id: "6", name: "James Wilson", role: "Tech Enthusiast", company: "Freelancer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-mobile-phone_1170-1116.jpg", imageAlt: "James Wilson profile photo"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More Reviews",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read More Reviews", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -306,13 +194,9 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Subscribe Now", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -322,87 +206,51 @@ export default function HomePage() {
|
||||
logoText="ProdFound"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Browse All",
|
||||
href: "/browse",
|
||||
},
|
||||
label: "Browse All", href: "/browse"},
|
||||
{
|
||||
label: "Categories",
|
||||
href: "/browse",
|
||||
},
|
||||
label: "Categories", href: "/browse"},
|
||||
{
|
||||
label: "Trending",
|
||||
href: "/browse",
|
||||
},
|
||||
label: "Trending", href: "/browse"},
|
||||
{
|
||||
label: "Featured",
|
||||
href: "#featured-products",
|
||||
},
|
||||
label: "Featured", href: "#featured-products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#",
|
||||
},
|
||||
label: "How It Works", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Info", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Return Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -4,11 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ProductDetailsPage() {
|
||||
export default function ProductDetailPage() {
|
||||
const navItems = [
|
||||
{ name: "Browse", id: "browse" },
|
||||
{ name: "Categories", id: "categories" },
|
||||
@@ -19,8 +17,7 @@ export default function ProductDetailsPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse All", href: "/browse" },
|
||||
{ label: "Categories", href: "/browse" },
|
||||
{ label: "Trending", href: "/browse" },
|
||||
@@ -28,8 +25,7 @@ export default function ProductDetailsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "How It Works", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -37,8 +33,7 @@ export default function ProductDetailsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
@@ -46,8 +41,7 @@ export default function ProductDetailsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -73,130 +67,54 @@ export default function ProductDetailsPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Explore Products",
|
||||
href: "/browse",
|
||||
}}
|
||||
text: "Explore Products", href: "/browse"}}
|
||||
brandName="ProdFound"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-hero" data-section="product-hero">
|
||||
<HeroBillboardScroll
|
||||
title="Premium SmartFlow Pro Wireless Earbuds"
|
||||
description="Experience cutting-edge audio technology with active noise cancellation, 48-hour battery life, and seamless connectivity across all your devices. Crafted for music lovers and professionals alike."
|
||||
tag="Featured Product"
|
||||
title="Premium Product Experience"
|
||||
description="Discover detailed information about this exceptional product and why it's worth your attention."
|
||||
tag="Product Details"
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074264.jpg?_wi=4"
|
||||
imageAlt="SmartFlow Pro wireless earbuds premium showcase"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selfcare-products-still-life_23-2149249572.jpg"
|
||||
imageAlt="Product detail showcase"
|
||||
buttons={[
|
||||
{
|
||||
text: "Add to Cart",
|
||||
onClick: () => console.log("Added to cart"),
|
||||
},
|
||||
text: "Learn More", href: "/browse"},
|
||||
{
|
||||
text: "View Specifications",
|
||||
href: "#specifications",
|
||||
},
|
||||
text: "Back to Browse", href: "/browse"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-details" data-section="product-details">
|
||||
<div id="product-features" data-section="product-features">
|
||||
<FeatureCardTwentyOne
|
||||
title="Product Specifications & Features"
|
||||
description="Discover what makes the SmartFlow Pro the choice of audio enthusiasts worldwide. Premium engineering meets intuitive design."
|
||||
tag="Technical Details"
|
||||
title="Product Features"
|
||||
description="Explore the key features and benefits that make this product stand out"
|
||||
tag="Key Highlights"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074264.jpg?_wi=5"
|
||||
imageAlt="Product specifications and design details"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crowd-people-with-phones_53876-20883.jpg"
|
||||
imageAlt="Product features showcase"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "audio",
|
||||
title: "Advanced Audio Technology",
|
||||
content: "Active Noise Cancellation (ANC) with transparency mode, 40-hour total battery (8-hour earbuds + 32-hour case), Bluetooth 5.3 connectivity, Hi-Res audio support, and multi-device pairing capabilities.",
|
||||
},
|
||||
id: "feature1", title: "Premium Quality", content: "Crafted with attention to detail using high-quality materials and manufacturing processes."},
|
||||
{
|
||||
id: "design",
|
||||
title: "Premium Design & Comfort",
|
||||
content: "Ergonomic design with three ear tip sizes for perfect fit, weighing only 4.3g per earbud, IPX4 water resistance for workouts and rain, premium aluminum and silicone construction, and available in multiple colors.",
|
||||
},
|
||||
id: "feature2", title: "Innovative Design", content: "Modern aesthetics combined with practical functionality for everyday use."},
|
||||
{
|
||||
id: "controls",
|
||||
title: "Intuitive Touch Controls",
|
||||
content: "Customizable touch gestures, voice assistant integration, adaptive audio based on environment, and real-time audio adjustments through companion mobile app with personalized EQ settings.",
|
||||
},
|
||||
id: "feature3", title: "Customer Support", content: "Comprehensive warranty and dedicated customer service team ready to assist."},
|
||||
{
|
||||
id: "warranty",
|
||||
title: "Warranty & Support",
|
||||
content: "24-month comprehensive warranty covering hardware defects, 90-day return guarantee, lifetime customer support access, and free firmware updates with regular feature enhancements.",
|
||||
},
|
||||
id: "feature4", title: "Value for Money", content: "Competitive pricing without compromising on quality or performance."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Purchase Now",
|
||||
onClick: () => console.log("Purchase initiated"),
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="related-products" data-section="related-products">
|
||||
<ProductCardTwo
|
||||
products={[
|
||||
{
|
||||
id: "2",
|
||||
brand: "LifeStyle Co",
|
||||
name: "Minimal Design Desk Organizer",
|
||||
price: "$49.99",
|
||||
rating: 4,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/labels-plants-florist-shop_53876-134342.jpg?_wi=3",
|
||||
imageAlt: "Minimalist desk organizer set",
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "FitNow",
|
||||
name: "Portable Smart Fitness Watch",
|
||||
price: "$199.99",
|
||||
rating: 4,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wear-wristbands-exercise-stand-against-wall_1150-16546.jpg?_wi=3",
|
||||
imageAlt: "Smart fitness tracking watch",
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "LightWorks",
|
||||
name: "Adjustable LED Desk Lamp",
|
||||
price: "$89.99",
|
||||
rating: 5,
|
||||
reviewCount: "743",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-lamp-plants_23-2148745749.jpg?_wi=4",
|
||||
imageAlt: "Modern adjustable LED desk lamp",
|
||||
isFavorited: false,
|
||||
},
|
||||
]}
|
||||
title="Complementary Products"
|
||||
description="Enhance your setup with these carefully selected companion items"
|
||||
tag="Related Items"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse All Related",
|
||||
href: "/browse",
|
||||
},
|
||||
text: "Shop Now", href: "/browse"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
|
||||
@@ -1,51 +1,33 @@
|
||||
"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";
|
||||
className?: string;
|
||||
style?: React.CSSProperties;
|
||||
}
|
||||
|
||||
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> = ({
|
||||
className = "", style = {},
|
||||
}) => {
|
||||
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 200 80"
|
||||
className={className}
|
||||
style={style}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-label="Logo"
|
||||
>
|
||||
<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="10"
|
||||
y="60"
|
||||
fontSize="48"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
Logo
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user