bender/e58b51b4-9f22-476e-b1af-1509bdf0f578
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 15:44:23 +00:00
parent 9d590c65be
commit ac5d29286d
1 changed files with 36 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -29,26 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "How it Works",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "How it Works", id: "about" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]}
brandName="SkillSwap"
/>
@@ -59,80 +44,21 @@ export default function LandingPage() {
title="Learn Anything, Teach Anyone."
description="Unlock your potential by swapping skills with a global community of passionate learners and experts. Connect, grow, and master new skills for free."
testimonials={[
{
name: "Alice J.",
handle: "@alicej",
testimonial: "I learned design in a week by swapping my coding skills. Incredible community!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-walking-together-urban-park_23-2152027475.jpg?_wi=1",
imageAlt: "skill exchange illustration",
},
{
name: "Bob D.",
handle: "@bobd",
testimonial: "Found a mentor for Spanish while I taught English. Such a brilliant concept!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-touching-chin-posing-camera-city-park_1262-20572.jpg",
imageAlt: "skill exchange illustration",
},
{
name: "Sarah K.",
handle: "@sarahk",
testimonial: "The best platform for continuous growth. Highly recommended for everyone!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg",
imageAlt: "skill exchange illustration",
},
{
name: "Tom W.",
handle: "@tomw",
testimonial: "Swapping skills feels like magic. My projects have never been better.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg?_wi=1",
imageAlt: "skill exchange illustration",
},
{
name: "Mia L.",
handle: "@mial",
testimonial: "A supportive environment where everyone wants to learn and succeed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg",
imageAlt: "skill exchange illustration",
},
{ name: "Alice J.", handle: "@alicej", testimonial: "I learned design in a week by swapping my coding skills. Incredible community!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-walking-together-urban-park_23-2152027475.jpg", imageAlt: "skill exchange illustration" },
{ name: "Bob D.", handle: "@bobd", testimonial: "Found a mentor for Spanish while I taught English. Such a brilliant concept!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-touching-chin-posing-camera-city-park_1262-20572.jpg", imageAlt: "skill exchange illustration" },
{ name: "Sarah K.", handle: "@sarahk", testimonial: "The best platform for continuous growth. Highly recommended for everyone!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", imageAlt: "skill exchange illustration" },
{ name: "Tom W.", handle: "@tomw", testimonial: "Swapping skills feels like magic. My projects have never been better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg", imageAlt: "skill exchange illustration" },
{ name: "Mia L.", handle: "@mial", testimonial: "A supportive environment where everyone wants to learn and succeed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg", imageAlt: "skill exchange illustration" }
]}
buttons={[
{
text: "Get Started",
href: "#",
},
{
text: "Learn More",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/family-walking-together-urban-park_23-2152027475.jpg?_wi=2"
buttons={[{ text: "Get Started", href: "#" }, { text: "Learn More", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/family-walking-together-urban-park_23-2152027475.jpg"
imageAlt="skill exchange illustration"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-yellow-hoodie_23-2148768507.jpg",
alt: "Front view of beautiful girl with yellow hoodie",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-working-together_23-2149181995.jpg",
alt: "Close up smiley people working together",
},
{
src: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582528.jpg",
alt: "Male bus driver portrait",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2148618856.jpg",
alt: "Close-up smiley woman posing outdoors",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg",
alt: "Beautiful curly woman with lgbt flag",
},
{ src: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-yellow-hoodie_23-2148768507.jpg", alt: "Front view of beautiful girl with yellow hoodie" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-working-together_23-2149181995.jpg", alt: "Close up smiley people working together" },
{ src: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582528.jpg", alt: "Male bus driver portrait" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2148618856.jpg", alt: "Close-up smiley woman posing outdoors" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123940.jpg", alt: "Beautiful curly woman with lgbt flag" }
]}
avatarText="Join 50,000+ members"
/>
@@ -143,21 +69,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Building a Smarter Community"
metrics={[
{
icon: Users,
label: "Active Learners",
value: "50,000+",
},
{
icon: BookOpen,
label: "Skills Exchanged",
value: "120,000",
},
{
icon: Globe,
label: "Global Cities",
value: "150+",
},
{ icon: Users, label: "Active Learners", value: "50,000+" },
{ icon: BookOpen, label: "Skills Exchanged", value: "120,000" },
{ icon: Globe, label: "Global Cities", value: "150+" }
]}
metricsAnimation="slide-up"
/>
@@ -167,22 +81,11 @@ export default function LandingPage() {
<FeatureBorderGlow
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{
icon: Target,
title: "Precision Matching",
description: "AI-driven matching to help you find the perfect skill exchange partner quickly.",
},
{
icon: ShieldCheck,
title: "Verified Profiles",
description: "Community-verified profiles ensuring safety and high quality in every interaction.",
},
{
icon: Zap,
title: "Instant Messaging",
description: "Real-time chat to coordinate your swap sessions smoothly.",
},
{ icon: Target, title: "Precision Matching", description: "AI-driven matching to help you find the perfect skill exchange partner quickly." },
{ icon: ShieldCheck, title: "Verified Profiles", description: "Community-verified profiles ensuring safety and high quality in every interaction." },
{ icon: Zap, title: "Instant Messaging", description: "Real-time chat to coordinate your swap sessions smoothly." }
]}
title="Why Swap with Us?"
description="Our platform is designed to make skill sharing simple, efficient, and deeply rewarding."
@@ -194,61 +97,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elena R.",
date: "Oct 2023",
title: "Frontend Developer",
quote: "Skill Swap changed the game for me. I finally broke into the industry!",
tag: "Career",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-touching-chin-posing-camera-city-park_1262-20572.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/family-walking-together-urban-park_23-2152027475.jpg?_wi=3",
imageAlt: "professional portrait woman",
},
{
id: "2",
name: "Marcus V.",
date: "Nov 2023",
title: "Product Owner",
quote: "I love the community and the ease of connecting with experts globally.",
tag: "Mentorship",
avatarSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg?_wi=2",
imageAlt: "professional portrait woman",
},
{
id: "3",
name: "Jin H.",
date: "Dec 2023",
title: "Writer",
quote: "Mastered copywriting by trading my SEO knowledge. Simply perfect.",
tag: "Growth",
avatarSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg",
imageAlt: "professional portrait woman",
},
{
id: "4",
name: "Anna P.",
date: "Jan 2024",
title: "Designer",
quote: "Truly helpful and responsive community. Swapping skills has never been easier.",
tag: "Design",
avatarSrc: "http://img.b2bpic.net/free-photo/rainbow-pieces-plasticine-with-sign-love_23-2148141203.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/blue-user-icon-symbol-website-admin-social-login-element-concept-white-background-3d-rendering_56104-1217.jpg",
imageAlt: "professional portrait woman",
},
{
id: "5",
name: "David S.",
date: "Feb 2024",
title: "Data Analyst",
quote: "High-quality exchanges. I've built meaningful connections along with new skills.",
tag: "Data",
avatarSrc: "http://img.b2bpic.net/free-photo/conceptual-digital-art-diversity-around-world_23-2151437572.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-yellow-hoodie_23-2148768507.jpg",
imageAlt: "professional portrait woman",
},
{ id: "1", name: "Elena R.", date: "Oct 2023", title: "Frontend Developer", quote: "Skill Swap changed the game for me. I finally broke into the industry!", tag: "Career", avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-touching-chin-posing-camera-city-park_1262-20572.jpg", imageSrc: "http://img.b2bpic.net/free-photo/family-walking-together-urban-park_23-2152027475.jpg", imageAlt: "professional portrait woman" },
{ id: "2", name: "Marcus V.", date: "Nov 2023", title: "Product Owner", quote: "I love the community and the ease of connecting with experts globally.", tag: "Mentorship", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg", imageAlt: "professional portrait woman" },
{ id: "3", name: "Jin H.", date: "Dec 2023", title: "Writer", quote: "Mastered copywriting by trading my SEO knowledge. Simply perfect.", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg", imageAlt: "professional portrait woman" },
{ id: "4", name: "Anna P.", date: "Jan 2024", title: "Designer", quote: "Truly helpful and responsive community. Swapping skills has never been easier.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/rainbow-pieces-plasticine-with-sign-love_23-2148141203.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blue-user-icon-symbol-website-admin-social-login-element-concept-white-background-3d-rendering_56104-1217.jpg", imageAlt: "professional portrait woman" },
{ id: "5", name: "David S.", date: "Feb 2024", title: "Data Analyst", quote: "High-quality exchanges. I've built meaningful connections along with new skills.", tag: "Data", avatarSrc: "http://img.b2bpic.net/free-photo/conceptual-digital-art-diversity-around-world_23-2151437572.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-yellow-hoodie_23-2148768507.jpg", imageAlt: "professional portrait woman" }
]}
title="Success Stories"
description="Read how our community members are transforming their careers and personal goals."
@@ -260,26 +113,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is it free to join?",
content: "Yes, our basic community membership is 100% free for everyone.",
},
{
id: "q2",
title: "How do I match with a partner?",
content: "Our platform suggests potential partners based on your profile and skills you want to learn.",
},
{
id: "q3",
title: "Is there a safety verification?",
content: "We verify all members through email and community feedback to ensure a secure environment.",
},
{
id: "q4",
title: "Can I swap multiple skills?",
content: "Yes, you can list as many skills as you are willing to teach or learn.",
},
{ id: "q1", title: "Is it free to join?", content: "Yes, our basic community membership is 100% free for everyone." },
{ id: "q2", title: "How do I match with a partner?", content: "Our platform suggests potential partners based on your profile and skills you want to learn." },
{ id: "q3", title: "Is there a safety verification?", content: "We verify all members through email and community feedback to ensure a secure environment." },
{ id: "q4", title: "Can I swap multiple skills?", content: "Yes, you can list as many skills as you are willing to teach or learn." }
]}
title="Frequently Asked Questions"
description="Have questions? We have answers. Check out our help center or contact us directly."
@@ -290,53 +127,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#",
},
{
label: "Security",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Team",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }, { label: "Security", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Team", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
bottomLeftText="© 2024 SkillSwap Inc."
bottomRightText="All rights reserved."