Merge version_1 into main #2
186
src/app/page.tsx
186
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "/testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Omema Dev"
|
||||
/>
|
||||
@@ -51,22 +39,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Omema Dev"
|
||||
description="Crafting high-quality, responsive, and modern websites tailored to your business needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "About Me",
|
||||
href: "/about",
|
||||
},
|
||||
{ text: "Get Started", href: "/contact" },
|
||||
{ text: "About Me", href: "/about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-girl-with-books-notepads-sits-front-computer-top-view_169016-49260.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-girl-with-books-notepads-sits-front-computer-top-view_169016-49260.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,58 +60,16 @@ export default function LandingPage() {
|
||||
description="Flexible solutions tailored to help you scale your business online."
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
price: "$500",
|
||||
subtitle: "Perfect for personal branding.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Starter",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"One-page layout",
|
||||
"Mobile responsive",
|
||||
"Basic SEO",
|
||||
"Contact form",
|
||||
],
|
||||
id: "starter", badge: "Starter", price: "$500", subtitle: "Perfect for personal branding.", buttons: [{ text: "Select Starter", href: "/contact" }],
|
||||
features: ["One-page layout", "Mobile responsive", "Basic SEO", "Contact form"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$1200",
|
||||
subtitle: "For growing businesses.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Pro",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Multi-page site",
|
||||
"Custom CMS integration",
|
||||
"Enhanced speed optimization",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", badge: "Professional", price: "$1200", subtitle: "For growing businesses.", buttons: [{ text: "Select Pro", href: "/contact" }],
|
||||
features: ["Multi-page site", "Custom CMS integration", "Enhanced speed optimization", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "Fully tailored complex solutions.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Advanced web apps",
|
||||
"API integrations",
|
||||
"E-commerce capabilities",
|
||||
"Dedicated 24/7 maintenance",
|
||||
],
|
||||
id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Fully tailored complex solutions.", buttons: [{ text: "Get Quote", href: "/contact" }],
|
||||
features: ["Advanced web apps", "API integrations", "E-commerce capabilities", "Dedicated 24/7 maintenance"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -146,26 +84,11 @@ export default function LandingPage() {
|
||||
description="Quantifiable results achieved through dedicated development and strategy."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully launched diverse digital solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-separate-workspace-with-two-laptops-stationeries_23-2147924196.jpg",
|
||||
},
|
||||
id: "m1", value: "50+", title: "Projects Completed", description: "Successfully launched diverse digital solutions."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Commitment to excellence and customer success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164872.jpg",
|
||||
},
|
||||
id: "m2", value: "99%", title: "Client Satisfaction", description: "Commitment to excellence and customer success."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
title: "Years Experience",
|
||||
description: "Continuous growth in web technologies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-books-blue-table-work-desk_169016-48930.jpg",
|
||||
},
|
||||
id: "m3", value: "5", title: "Years Experience", description: "Continuous growth in web technologies."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,26 +102,12 @@ export default function LandingPage() {
|
||||
description="While I operate independently, I thrive by working closely with designers and project managers to deliver the best result."
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Core Collaborators",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Core Collaborators", members: [
|
||||
{
|
||||
id: "mem1",
|
||||
title: "Creative Lead",
|
||||
subtitle: "UI/UX Specialist",
|
||||
detail: "Ensures user-centric designs are brought to life perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
},
|
||||
id: "mem1", title: "Creative Lead", subtitle: "UI/UX Specialist", detail: "Ensures user-centric designs are brought to life perfectly."},
|
||||
{
|
||||
id: "mem2",
|
||||
title: "Strategy Partner",
|
||||
subtitle: "Project Manager",
|
||||
detail: "Keeps projects on timeline and business goals aligned.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
|
||||
},
|
||||
id: "mem2", title: "Strategy Partner", subtitle: "Project Manager", detail: "Keeps projects on timeline and business goals aligned."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-with-books-notepads-sits-front-computer-top-view_169016-49260.jpg?_wi=2",
|
||||
imageAlt: "Happy successful businessman posing outside",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -214,28 +123,12 @@ export default function LandingPage() {
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{
|
||||
title: "Discovery Phase",
|
||||
description: "Understanding your vision and technical requirements.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-typing-laptop-taking-cup-drink-home_23-2148112676.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-with-books-notepads-sits-front-computer-top-view_169016-49260.jpg?_wi=3",
|
||||
imageAlt: "Portrait of hacker",
|
||||
title: "Discovery Phase", description: "Understanding your vision and technical requirements.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-typing-laptop-taking-cup-drink-home_23-2148112676.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Implementation",
|
||||
description: "Agile development cycles with regular feedback.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg?_wi=1",
|
||||
imageAlt: "Portrait of hacker",
|
||||
title: "Implementation", description: "Agile development cycles with regular feedback.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -246,34 +139,15 @@ export default function LandingPage() {
|
||||
logoText="Omema Dev"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "/testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Testimonials", href: "/testimonials" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "03340036992",
|
||||
href: "tel:03340036992",
|
||||
},
|
||||
],
|
||||
title: "Contact", items: [{ label: "03340036992", href: "tel:03340036992" }],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Omema. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user