Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Office Tools",
|
||||
id: "products",
|
||||
},
|
||||
name: "Office Tools", id: "products"},
|
||||
{
|
||||
name: "Study Guides",
|
||||
id: "features",
|
||||
},
|
||||
name: "Study Guides", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Office Mastery"
|
||||
bottomLeftText="Creator: MUSTAFA FAZAL"
|
||||
@@ -60,68 +52,33 @@ export default function LandingPage() {
|
||||
description="Unlock the power of Word, Excel, PowerPoint, and Access with our cutting-edge, immersive study platform."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah",
|
||||
handle: "@sarah_dev",
|
||||
testimonial: "The best platform for learning Office apps!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/history-sign-left-side_187299-46052.jpg?_wi=1",
|
||||
imageAlt: "3d office software icons",
|
||||
},
|
||||
name: "Sarah", handle: "@sarah_dev", testimonial: "The best platform for learning Office apps!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/history-sign-left-side_187299-46052.jpg", imageAlt: "3d office software icons"},
|
||||
{
|
||||
name: "Mark",
|
||||
handle: "@mark_biz",
|
||||
testimonial: "Immersive study content like I've never seen before.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=1",
|
||||
imageAlt: "3d office software icons",
|
||||
},
|
||||
name: "Mark", handle: "@mark_biz", testimonial: "Immersive study content like I've never seen before.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", imageAlt: "3d office software icons"},
|
||||
{
|
||||
name: "Elena",
|
||||
handle: "@elena_pro",
|
||||
testimonial: "Finally, learning Excel feels like a modern experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-stationeries-white-tabletop_23-2147880499.jpg?_wi=1",
|
||||
imageAlt: "3d office software icons",
|
||||
},
|
||||
name: "Elena", handle: "@elena_pro", testimonial: "Finally, learning Excel feels like a modern experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-stationeries-white-tabletop_23-2147880499.jpg", imageAlt: "3d office software icons"},
|
||||
{
|
||||
name: "David",
|
||||
handle: "@david_data",
|
||||
testimonial: "Access has never been clearer to understand.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman-with-arm-crossed_23-2148187206.jpg",
|
||||
imageAlt: "3d office software icons",
|
||||
},
|
||||
name: "David", handle: "@david_data", testimonial: "Access has never been clearer to understand.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman-with-arm-crossed_23-2148187206.jpg", imageAlt: "3d office software icons"},
|
||||
{
|
||||
name: "Chloe",
|
||||
handle: "@chloe_crea",
|
||||
testimonial: "PowerPoint tips are revolutionary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg?_wi=1",
|
||||
imageAlt: "3d office software icons",
|
||||
},
|
||||
name: "Chloe", handle: "@chloe_crea", testimonial: "PowerPoint tips are revolutionary.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg", imageAlt: "3d office software icons"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/history-sign-left-side_187299-46052.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/history-sign-left-side_187299-46052.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-talking-cell-phone-holding-takeaway-coffee-cup_23-2147972814.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-talking-cell-phone-holding-takeaway-coffee-cup_23-2147972814.jpg", alt: "Student 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-with-coffee-cup_23-2148415887.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-with-coffee-cup_23-2148415887.jpg", alt: "Student 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-drinking-coffee_23-2148415807.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-drinking-coffee_23-2148415807.jpg", alt: "Student 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg", alt: "Student 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", alt: "Student 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,19 +90,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Modules",
|
||||
value: "100+",
|
||||
},
|
||||
label: "Modules", value: "100+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certified",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Certified", value: "10k+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Efficiency",
|
||||
value: "95%",
|
||||
},
|
||||
label: "Efficiency", value: "95%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,35 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excel Mastery",
|
||||
author: "Mustafa",
|
||||
description: "Formula expert to pivot tables.",
|
||||
tags: [
|
||||
"Spreadsheets",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Excel Mastery", author: "Mustafa", description: "Formula expert to pivot tables.", tags: [
|
||||
"Spreadsheets"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Word Formatting",
|
||||
author: "Mustafa",
|
||||
description: "Professional document design.",
|
||||
tags: [
|
||||
"Writing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Word Formatting", author: "Mustafa", description: "Professional document design.", tags: [
|
||||
"Writing"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Access Database",
|
||||
author: "Mustafa",
|
||||
description: "Building relational databases.",
|
||||
tags: [
|
||||
"Data",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884858.jpg",
|
||||
},
|
||||
id: "3", title: "Access Database", author: "Mustafa", description: "Building relational databases.", tags: [
|
||||
"Data"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884858.jpg"},
|
||||
]}
|
||||
title="Interactive Learning Paths"
|
||||
description="Learn from expert-led tutorials covering every corner of Microsoft Office."
|
||||
@@ -199,43 +132,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
description="Professional tools to master every Office application."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Office 365 Bundle",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-stationeries-white-tabletop_23-2147880499.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Office 365 Bundle", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-laptop-stationeries-white-tabletop_23-2147880499.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Advanced Excel",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-frame-paper-blue-backdrop_23-2147981662.jpg",
|
||||
},
|
||||
id: "p2", name: "Advanced Excel", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-paper-blue-backdrop_23-2147981662.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Corporate PowerPoint",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-magazine_187299-47636.jpg",
|
||||
},
|
||||
id: "p3", name: "Corporate PowerPoint", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/abstract-magazine_187299-47636.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Data Analysis Access",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-office-with-3d-architecture-design-building-model-urban-project-empty-space-with-construction-print-blueprints-plans-property-development-sketch-technology_482257-37074.jpg",
|
||||
},
|
||||
id: "p4", name: "Data Analysis Access", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/nobody-office-with-3d-architecture-design-building-model-urban-project-empty-space-with-construction-print-blueprints-plans-property-development-sketch-technology_482257-37074.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Document Design Pro",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-drawer-with-blue-handle_187299-47863.jpg",
|
||||
},
|
||||
id: "p5", name: "Document Design Pro", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-drawer-with-blue-handle_187299-47863.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ultimate Shortcut Guide",
|
||||
price: "$19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884878.jpg",
|
||||
},
|
||||
id: "p6", name: "Ultimate Shortcut Guide", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884878.jpg"},
|
||||
]}
|
||||
title="Office Mastery Guides"
|
||||
/>
|
||||
@@ -248,31 +158,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Students",
|
||||
items: [
|
||||
"Learning daily",
|
||||
"Highly engaged",
|
||||
],
|
||||
id: "m1", value: "50K+", title: "Students", items: [
|
||||
"Learning daily", "Highly engaged"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9/5",
|
||||
title: "Ratings",
|
||||
items: [
|
||||
"Top-tier content",
|
||||
"User feedback",
|
||||
],
|
||||
id: "m2", value: "4.9/5", title: "Ratings", items: [
|
||||
"Top-tier content", "User feedback"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
items: [
|
||||
"Available anywhere",
|
||||
"Expert advice",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Support", items: [
|
||||
"Available anywhere", "Expert advice"],
|
||||
},
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
@@ -288,25 +183,15 @@ export default function LandingPage() {
|
||||
author="Mustafa's Student"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman-with-arm-crossed_23-2148187206.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman-with-arm-crossed_23-2148187206.jpg", alt: "Student 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-couch-drinking-coffee_23-2148415831.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-couch-drinking-coffee_23-2148415831.jpg", alt: "Student 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279554.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279554.jpg", alt: "Student 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg", alt: "Student 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-attractive-woman-suit-taking-selfie-while-holding-take-away-coffee-cup-isolated_231208-253.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-attractive-woman-suit-taking-selfie-while-holding-take-away-coffee-cup-isolated_231208-253.jpg", alt: "Student 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -319,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the content updated?",
|
||||
content: "Yes, we cover the latest Office 365 updates.",
|
||||
},
|
||||
id: "q1", title: "Is the content updated?", content: "Yes, we cover the latest Office 365 updates."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I access on mobile?",
|
||||
content: "Absolutely, the platform is fully responsive.",
|
||||
},
|
||||
id: "q2", title: "Can I access on mobile?", content: "Absolutely, the platform is fully responsive."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Who created this?",
|
||||
content: "Mustafa Fazal, a dedicated expert in software education.",
|
||||
},
|
||||
id: "q3", title: "Who created this?", content: "Mustafa Fazal, a dedicated expert in software education."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your mastery journey."
|
||||
@@ -347,16 +223,10 @@ export default function LandingPage() {
|
||||
description="Have questions about a specific course? Reach out to us anytime."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/design-ideas-creative-business-innovation-concept_53876-120333.jpg"
|
||||
@@ -369,25 +239,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user