Update src/app/page.tsx
This commit is contained in:
156
src/app/page.tsx
156
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Imma Mae Velasco"
|
||||
/>
|
||||
@@ -54,35 +46,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Imma Mae Marie M. Velasco"
|
||||
description="Professional Virtual Assistant dedicated to delivering high-quality administrative, creative, and technical support. Empowering businesses through organization and innovation."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-working-her-office-making-plans-filling-her-schedule-notebook_1258-194717.jpg?_wi=1",
|
||||
imageAlt: "Professional Portrait",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-working-her-office-making-plans-filling-her-schedule-notebook_1258-194717.jpg", imageAlt: "Professional Portrait"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-sitting-laptop-top-view_169016-19441.jpg?_wi=1",
|
||||
imageAlt: "Working Environment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-sitting-laptop-top-view_169016-19441.jpg", imageAlt: "Working Environment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=1",
|
||||
imageAlt: "Productivity Tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg", imageAlt: "Productivity Tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6861.jpg",
|
||||
imageAlt: "Professional Portrait",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6861.jpg", imageAlt: "Professional Portrait"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187916.jpg",
|
||||
imageAlt: "Working Environment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187916.jpg", imageAlt: "Working Environment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-41666.jpg",
|
||||
imageAlt: "Productivity Tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-41666.jpg", imageAlt: "Productivity Tools"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -102,23 +81,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Tasks Completed",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Tasks Completed", value: "500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Hours Supported",
|
||||
value: "2,000+",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Hours Supported", value: "2,000+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Client Retention",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Client Retention", value: "100%"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Delivering measurable results through disciplined support and organizational excellence."
|
||||
@@ -132,55 +102,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Admin Support",
|
||||
description: "Calendar management, email handling, and general administrative tasks to keep you productive.",
|
||||
icon: Briefcase,
|
||||
title: "Admin Support", description: "Calendar management, email handling, and general administrative tasks to keep you productive.", icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-technical-assistance-repair-conceopt_53876-124753.jpg",
|
||||
imageAlt: "Admin Support",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-technical-assistance-repair-conceopt_53876-124753.jpg", imageAlt: "Admin Support"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/professions-avatar-with-elements-composition-flat-set_98292-6660.jpg",
|
||||
imageAlt: "Admin Support Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/professions-avatar-with-elements-composition-flat-set_98292-6660.jpg", imageAlt: "Admin Support Detail"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-working-her-office-making-plans-filling-her-schedule-notebook_1258-194717.jpg?_wi=2",
|
||||
imageAlt: "administrative support concept",
|
||||
},
|
||||
{
|
||||
title: "Customer Care",
|
||||
description: "Professional, polite, and efficient communication with your customers and stakeholders.",
|
||||
icon: Headphones,
|
||||
title: "Customer Care", description: "Professional, polite, and efficient communication with your customers and stakeholders.", icon: Headphones,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-customer-support-job-workplace-handling-clients-complaints_482257-125234.jpg",
|
||||
imageAlt: "Customer Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-customer-support-job-workplace-handling-clients-complaints_482257-125234.jpg", imageAlt: "Customer Service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-customer-support-representative-wearing-headset-while-working-call-center_637285-133.jpg",
|
||||
imageAlt: "Service Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-customer-support-representative-wearing-headset-while-working-call-center_637285-133.jpg", imageAlt: "Service Detail"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-sitting-laptop-top-view_169016-19441.jpg?_wi=2",
|
||||
imageAlt: "administrative support concept",
|
||||
},
|
||||
{
|
||||
title: "Data Management",
|
||||
description: "Accurate data entry and database management for cleaner business intelligence.",
|
||||
icon: Database,
|
||||
title: "Data Management", description: "Accurate data entry and database management for cleaner business intelligence.", icon: Database,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calculator-front-side-with-white-background_187299-39741.jpg",
|
||||
imageAlt: "Data Entry",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calculator-front-side-with-white-background_187299-39741.jpg", imageAlt: "Data Entry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-set-colorful-planning-elements_23-2147949767.jpg",
|
||||
imageAlt: "Data Entry Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-set-colorful-planning-elements_23-2147949767.jpg", imageAlt: "Data Entry Detail"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=2",
|
||||
imageAlt: "administrative support concept",
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
@@ -193,30 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skeptical-senior-businesswoman-looking-camera_1262-5592.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/skeptical-senior-businesswoman-looking-camera_1262-5592.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-using-digital-tablet_53876-15189.jpg",
|
||||
},
|
||||
id: "t3", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-using-digital-tablet_53876-15189.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily C.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Justin K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
},
|
||||
id: "t5", name: "Justin K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg"},
|
||||
]}
|
||||
cardTitle="Client Feedback"
|
||||
cardTag="Endorsements"
|
||||
@@ -228,8 +159,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Connect"
|
||||
title="Interested in working together?"
|
||||
description="Ready to support your business. Send me a message and let's discuss your requirements."
|
||||
@@ -241,29 +171,19 @@ export default function LandingPage() {
|
||||
logoText="Imma Mae Marie M. Velasco"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:imma.velasco@email.com",
|
||||
},
|
||||
label: "Email", href: "mailto:imma.velasco@email.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Portfolio",
|
||||
items: [
|
||||
title: "Portfolio", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user