Merge version_1 into main #2
160
src/app/page.tsx
160
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="Questify"
|
||||
/>
|
||||
@@ -52,32 +44,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Turn Life into Your Greatest Adventure"
|
||||
description="Unlock real-world side quests, master social skills, and level up your life through an immersive 3D world map."
|
||||
tag="LEVEL UP NOW"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-futuristic-3d-floating-world-map-inter-1774846149105-9a47fae1.png?_wi=1",
|
||||
imageAlt: "Immersive Map View",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-futuristic-3d-floating-world-map-inter-1774846149105-9a47fae1.png", imageAlt: "Immersive Map View"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-vibrant-character-profile-dashboard-wi-1774846149937-a0df12a1.png?_wi=1",
|
||||
imageAlt: "Progress Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-futuristic-3d-floating-world-map-inter-1774846149105-9a47fae1.png?_wi=2",
|
||||
imageAlt: "Quest Map Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-vibrant-character-profile-dashboard-wi-1774846149937-a0df12a1.png?_wi=2",
|
||||
imageAlt: "Character HUD",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-futuristic-3d-floating-world-map-inter-1774846149105-9a47fae1.png?_wi=3",
|
||||
imageAlt: "Interactive World",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-vibrant-character-profile-dashboard-wi-1774846149937-a0df12a1.png", imageAlt: "Progress Dashboard"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -92,9 +67,7 @@ export default function LandingPage() {
|
||||
title="Confidence, One Quest at a Time"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Exploring",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start Exploring", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,26 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Real-Life Quests",
|
||||
description: "Engage in social side quests tailored to build confidence in real scenarios.",
|
||||
tag: "EXPLORE",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-teenager-looking-at-a-mobile-map-scree-1774846149418-23edb614.png",
|
||||
},
|
||||
id: "f1", title: "Real-Life Quests", description: "Engage in social side quests tailored to build confidence in real scenarios.", tag: "EXPLORE", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-teenager-looking-at-a-mobile-map-scree-1774846149418-23edb614.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Progression Tracking",
|
||||
description: "Earn XP and unlock badges as you master new skills and reach personal milestones.",
|
||||
tag: "GROW",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/close-up-of-a-gamified-badge-collection--1774846149129-ccf97fca.png",
|
||||
},
|
||||
id: "f2", title: "Progression Tracking", description: "Earn XP and unlock badges as you master new skills and reach personal milestones.", tag: "GROW", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/close-up-of-a-gamified-badge-collection--1774846149129-ccf97fca.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Social Connection",
|
||||
description: "Build bridges and foster meaningful relationships through shared community goals.",
|
||||
tag: "CONNECT",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-3d-rendered-icon-representing-social-s-1774846149514-ffeec53d.png",
|
||||
},
|
||||
id: "f3", title: "Social Connection", description: "Build bridges and foster meaningful relationships through shared community goals.", tag: "CONNECT", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-3d-rendered-icon-representing-social-s-1774846149514-ffeec53d.png"},
|
||||
]}
|
||||
title="Explore. Quest. Grow."
|
||||
description="Powerful features designed to turn social anxiety into social success."
|
||||
@@ -139,59 +97,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Level 12",
|
||||
company: "Growth Lab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-happy-teenager-portrait-professional-l-1774846155174-05dedcab.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Level 12", company: "Growth Lab", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-happy-teenager-portrait-professional-l-1774846155174-05dedcab.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Level 15",
|
||||
company: "Quest Clan",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-focused-student-portrait-professional--1774846148589-6f037dab.png",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Level 15", company: "Quest Clan", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-focused-student-portrait-professional--1774846148589-6f037dab.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Level 10",
|
||||
company: "Social Squad",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-confident-teen-looking-into-camera-pro-1774846149221-0634e3a5.png",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Level 10", company: "Social Squad", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-confident-teen-looking-into-camera-pro-1774846149221-0634e3a5.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Level 8",
|
||||
company: "Life Guild",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-joyful-student-portrait-professional-l-1774846150028-9038bde8.png",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Level 8", company: "Life Guild", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-joyful-student-portrait-professional-l-1774846150028-9038bde8.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
role: "Level 20",
|
||||
company: "Legendary Guild",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-happy-teenager-portrait-professional-l-1774846155174-05dedcab.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Chloe T.", role: "Level 20", company: "Legendary Guild", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeOYADyfxRsNEU1EhuoGhzFjVB/a-happy-teenager-portrait-professional-l-1774846155174-05dedcab.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Quests Completed",
|
||||
},
|
||||
value: "10k+", label: "Quests Completed"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Growth Reported",
|
||||
},
|
||||
value: "95%", label: "Growth Reported"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Skills Mastered",
|
||||
},
|
||||
value: "5k+", label: "Skills Mastered"},
|
||||
]}
|
||||
title="What Questifyers Say"
|
||||
description="Stories of growth from teenagers mastering their lives."
|
||||
@@ -204,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Is it safe?",
|
||||
content: "Absolutely. All social quests are vetted for safety and inclusivity.",
|
||||
},
|
||||
id: "faq1", title: "Is it safe?", content: "Absolutely. All social quests are vetted for safety and inclusivity."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How does XP work?",
|
||||
content: "You earn XP by completing real-world tasks and journaling your progress.",
|
||||
},
|
||||
id: "faq2", title: "How does XP work?", content: "You earn XP by completing real-world tasks and journaling your progress."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I join with friends?",
|
||||
content: "Yes, invite friends to join your party for group quests.",
|
||||
},
|
||||
id: "faq3", title: "Can I join with friends?", content: "Yes, invite friends to join your party for group quests."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about the world map? We have the answers."
|
||||
@@ -231,37 +149,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user