Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 69e4c5b0a2 | |||
| 3dc51780d2 |
208
src/app/page.tsx
208
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
@@ -33,64 +33,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Qwazar"
|
||||
button={{
|
||||
text: "Get App",
|
||||
}}
|
||||
text: "Get App"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Qwazar: Your Academic Shadow"
|
||||
description="Unlock a private network of student support. Get help with tasks, earn rewards, and keep your studies confidential."
|
||||
tag="School Assistant"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg",
|
||||
imageAlt: "dark tech background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg", imageAlt: "dark tech background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg",
|
||||
imageAlt: "dark tech background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg", imageAlt: "dark tech background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-illustration-background_181624-11581.jpg",
|
||||
imageAlt: "dark tech background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-illustration-background_181624-11581.jpg", imageAlt: "dark tech background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-15986.jpg",
|
||||
imageAlt: "3D Geometric Abstract Background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-15986.jpg", imageAlt: "3D Geometric Abstract Background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg",
|
||||
imageAlt: "3D abstract low poly plexus design background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg", imageAlt: "3D abstract low poly plexus design background"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -104,19 +82,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Users,
|
||||
title: "Collaborative Help",
|
||||
description: "Connect with peers securely for assignment support.",
|
||||
},
|
||||
title: "Collaborative Help", description: "Connect with peers securely for assignment support."},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Bounty System",
|
||||
description: "Set prices for tasks to ensure quality help.",
|
||||
},
|
||||
title: "Bounty System", description: "Set prices for tasks to ensure quality help."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Confidential",
|
||||
description: "Your studies, your secrets, kept totally private.",
|
||||
},
|
||||
title: "Confidential", description: "Your studies, your secrets, kept totally private."},
|
||||
]}
|
||||
title="Academic Assistance, Reimagined"
|
||||
description="Built for collaboration and efficiency in a high-pressure school environment."
|
||||
@@ -141,25 +113,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "12k+",
|
||||
title: "Active Students",
|
||||
description: "Joining forces daily.",
|
||||
icon: User,
|
||||
id: "1", value: "12k+", title: "Active Students", description: "Joining forces daily.", icon: User,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50k+",
|
||||
title: "Tasks Completed",
|
||||
description: "Supporting academic goals.",
|
||||
icon: CheckCircle,
|
||||
id: "2", value: "50k+", title: "Tasks Completed", description: "Supporting academic goals.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
title: "Security Score",
|
||||
description: "Safe, private, anonymous.",
|
||||
icon: Shield,
|
||||
id: "3", value: "99%", title: "Security Score", description: "Safe, private, anonymous.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="The Network Effect"
|
||||
@@ -174,25 +134,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Core",
|
||||
price: "$0",
|
||||
subtitle: "Basic access to help",
|
||||
features: [
|
||||
"Task browsing",
|
||||
"Peer messaging",
|
||||
],
|
||||
id: "free", badge: "Core", price: "$0", subtitle: "Basic access to help", features: [
|
||||
"Task browsing", "Peer messaging"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$9",
|
||||
subtitle: "Priority help & tasks",
|
||||
features: [
|
||||
"Unlimited bounties",
|
||||
"Anonymous profile",
|
||||
"Direct mentor access",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$9", subtitle: "Priority help & tasks", features: [
|
||||
"Unlimited bounties", "Anonymous profile", "Direct mentor access"],
|
||||
},
|
||||
]}
|
||||
title="Join the Inner Circle"
|
||||
@@ -207,40 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex",
|
||||
role: "Grade 11",
|
||||
testimonial: "Changed how I handle tough subjects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-cheerful-front-view_176474-85411.jpg",
|
||||
},
|
||||
id: "1", name: "Alex", role: "Grade 11", testimonial: "Changed how I handle tough subjects.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-cheerful-front-view_176474-85411.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam",
|
||||
role: "Grade 12",
|
||||
testimonial: "Bounty system is genius for quick help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-yellow-t-shirt-glasses_141793-89510.jpg",
|
||||
},
|
||||
id: "2", name: "Sam", role: "Grade 12", testimonial: "Bounty system is genius for quick help.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-yellow-t-shirt-glasses_141793-89510.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan",
|
||||
role: "Grade 10",
|
||||
testimonial: "Very discreet and easy to use.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/responsible-student_23-2147650755.jpg",
|
||||
},
|
||||
id: "3", name: "Jordan", role: "Grade 10", testimonial: "Very discreet and easy to use.", imageSrc: "http://img.b2bpic.net/free-photo/responsible-student_23-2147650755.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor",
|
||||
role: "Grade 12",
|
||||
testimonial: "Finally found help that is actually useful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-caucasian-female-with-blonde-straight-hair-wearing-glasses-denim-shirt-smiles-happily-has-good-mood-after-successful-day-university-glad-pleased-pose_176420-13174.jpg",
|
||||
},
|
||||
id: "4", name: "Taylor", role: "Grade 12", testimonial: "Finally found help that is actually useful.", imageSrc: "http://img.b2bpic.net/free-photo/good-looking-caucasian-female-with-blonde-straight-hair-wearing-glasses-denim-shirt-smiles-happily-has-good-mood-after-successful-day-university-glad-pleased-pose_176420-13174.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Riley",
|
||||
role: "Grade 11",
|
||||
testimonial: "Qwazar feels like a secret academic tool.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
},
|
||||
id: "5", name: "Riley", role: "Grade 11", testimonial: "Qwazar feels like a secret academic tool.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
|
||||
]}
|
||||
title="Student Feedback"
|
||||
description="Voices from the Qwazar community."
|
||||
@@ -248,76 +170,62 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is Qwazar safe?",
|
||||
content: "Yes, we prioritize total anonymity.",
|
||||
},
|
||||
id: "1", title: "Is Qwazar safe?", content: "Yes, we prioritize total anonymity with our encrypted student help system."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do payments work?",
|
||||
content: "Tasks use our internal secure bounty system.",
|
||||
},
|
||||
id: "2", title: "How do payments work?", content: "Tasks use our internal secure bounty system, ensuring payouts only upon verified completion."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I trust answers?",
|
||||
content: "Ratings ensure peer-verified quality.",
|
||||
},
|
||||
id: "3", title: "Can I trust answers?", content: "Our tiered verification and peer-rating system ensures high academic standards."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-symbol-question-mark_460848-6498.jpg"
|
||||
title="Common Questions"
|
||||
description="Get answers about the Qwazar platform."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageAlt="neon question mark"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
<ContactText
|
||||
text="Need specialized academic help or have questions about our student support system? Our team is available 24/7 for confidential inquiries."
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Join Now"
|
||||
title="Become a Qwazar"
|
||||
description="Sign up early for exclusive access."
|
||||
variant: "rotated-rays-static"}}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y4u0bw"
|
||||
<FooterBase
|
||||
logoText="Qwazar"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Student Portal", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Bounty Rules", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -326,4 +234,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user