Update src/app/page.tsx
This commit is contained in:
279
src/app/page.tsx
279
src/app/page.tsx
@@ -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."
|
||||
|
||||
Reference in New Issue
Block a user