Merge version_1 into main #2
@@ -7,7 +7,7 @@ import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -25,30 +25,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Som Gafwee"
|
||||
/>
|
||||
@@ -62,18 +44,8 @@ export default function LandingPage() {
|
||||
title="The Team"
|
||||
description="Meet the creative minds behind Som Gafwee."
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Som Gafwee",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Design Partner",
|
||||
role: "Art Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg?_wi=3",
|
||||
},
|
||||
{ id: "t1", name: "Som Gafwee", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg" },
|
||||
{ id: "t2", name: "Design Partner", role: "Art Director", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -83,13 +55,7 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
title="Our Values"
|
||||
sections={[
|
||||
{
|
||||
heading: "Design Philosophy",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "We believe in minimalism, clarity, and bold, futuristic aesthetics.",
|
||||
},
|
||||
},
|
||||
{ heading: "Design Philosophy", content: { text: "We believe in minimalism, clarity, and bold, futuristic aesthetics." } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,49 +63,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Pages",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Logos",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Web Dev",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:sa22072004@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923410184098",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "Shop", href: "/shop" }] },
|
||||
{ title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
|
||||
]}
|
||||
logoText="Som Gafwee"
|
||||
/>
|
||||
|
||||
@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -25,30 +25,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Som Gafwee"
|
||||
/>
|
||||
@@ -57,16 +39,9 @@ export default function LandingPage() {
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to build something iconic? Let's connect at sa22072004@gmail.com or via WhatsApp +923410184098."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact WhatsApp",
|
||||
href: "https://wa.me/923410184098",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact WhatsApp", href: "https://wa.me/923410184098" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,16 +50,7 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
title="Get in Touch"
|
||||
sections={[
|
||||
{
|
||||
heading: "Inquiries",
|
||||
content: {
|
||||
type: "list",
|
||||
items: [
|
||||
"Email us for quotes.",
|
||||
"DM on social for quick chat.",
|
||||
],
|
||||
},
|
||||
},
|
||||
{ heading: "Inquiries", content: { items: ["Email us for quotes.", "DM on social for quick chat."] } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,49 +58,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Pages",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Logos",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Web Dev",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:sa22072004@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923410184098",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "Shop", href: "/shop" }] },
|
||||
{ title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
|
||||
]}
|
||||
logoText="Som Gafwee"
|
||||
/>
|
||||
|
||||
193
src/app/page.tsx
193
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Maximize } from "lucide-react";
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -28,30 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Som Gafwee"
|
||||
/>
|
||||
@@ -59,22 +42,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Som Gafwee"
|
||||
description="We Build Brands That Stand Out. Transforming your digital vision into premium, interactive reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Hire Me",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26539.jpg?_wi=1"
|
||||
buttons={[{ text: "Hire Me", href: "/contact" }, { text: "View Portfolio", href: "/portfolio" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26539.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -84,30 +56,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Design",
|
||||
title: "Logo Design",
|
||||
subtitle: "Identity",
|
||||
description: "Unique, memorable identities for growing brands.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1j2b06&_wi=1",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Art",
|
||||
title: "Graphic Design",
|
||||
subtitle: "Visuals",
|
||||
description: "High-impact visuals for all your marketing needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213611.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Dev",
|
||||
title: "Web Development",
|
||||
subtitle: "Frontend",
|
||||
description: "Fast, responsive, and futuristic web experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=1",
|
||||
},
|
||||
{ id: 1, tag: "Design", title: "Logo Design", subtitle: "Identity", description: "Unique, memorable identities for growing brands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1j2b06" },
|
||||
{ id: 2, tag: "Art", title: "Graphic Design", subtitle: "Visuals", description: "High-impact visuals for all your marketing needs.", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213611.jpg" },
|
||||
{ id: 3, tag: "Dev", title: "Web Development", subtitle: "Frontend", description: "Fast, responsive, and futuristic web experiences.", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg" },
|
||||
]}
|
||||
title="Creative Excellence"
|
||||
description="From pixel-perfect UI to strategic branding, we handle your digital growth."
|
||||
@@ -120,41 +71,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
testimonial: "Exceptional work on my brand identity. Truly futuristic!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike Chen",
|
||||
role: "CTO",
|
||||
testimonial: "Development speed and UI quality are top-tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rose",
|
||||
role: "Founder",
|
||||
testimonial: "My new website converted 30% better instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "The best design partner I have ever worked with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-blonde-female-photographer-trendy-clothes-posing-while-leaning-professional-camera-with-tripod-studio-looks-camera-isolated-gray-background_613910-18613.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Lead Designer",
|
||||
testimonial: "Sleek visuals, professional communication, seamless result.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "CEO", testimonial: "Exceptional work on my brand identity. Truly futuristic!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg" },
|
||||
{ id: "2", name: "Mike Chen", role: "CTO", testimonial: "Development speed and UI quality are top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg" },
|
||||
{ id: "3", name: "Emily Rose", role: "Founder", testimonial: "My new website converted 30% better instantly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", testimonial: "The best design partner I have ever worked with.", imageSrc: "http://img.b2bpic.net/free-photo/smart-blonde-female-photographer-trendy-clothes-posing-while-leaning-professional-camera-with-tripod-studio-looks-camera-isolated-gray-background_613910-18613.jpg" },
|
||||
{ id: "5", name: "Lisa Wang", role: "Lead Designer", testimonial: "Sleek visuals, professional communication, seamless result.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg" },
|
||||
]}
|
||||
title="Trusted by Creators"
|
||||
description="See why our partners choose Som Gafwee for their design and development needs."
|
||||
@@ -168,20 +89,8 @@ export default function LandingPage() {
|
||||
title="Why Choose Us"
|
||||
description="We blend artistic precision with technical excellence."
|
||||
features={[
|
||||
{
|
||||
title: "Futuristic Vision",
|
||||
description: "We stay ahead of design trends to keep your brand relevant.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26539.jpg?_wi=2",
|
||||
imageAlt: "futuristic abstract creative background",
|
||||
},
|
||||
{
|
||||
title: "Pixel Perfection",
|
||||
description: "Obsessive attention to detail in every single frame.",
|
||||
buttonIcon: "Maximize",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1j2b06&_wi=2",
|
||||
imageAlt: "minimalist logo branding concept",
|
||||
},
|
||||
{ title: "Futuristic Vision", description: "We stay ahead of design trends to keep your brand relevant.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26539.jpg", imageAlt: "futuristic abstract creative background" },
|
||||
{ title: "Pixel Perfection", description: "Obsessive attention to detail in every single frame.", buttonIcon: Maximize, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1j2b06", imageAlt: "minimalist logo branding concept" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -194,20 +103,8 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
description="Numbers that define our creative legacy."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "High-quality deliverables delivered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-logos_23-2147510366.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Partnering for long-term success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-bell-reminder-notification-alert-alarm-icon-sign-symbol-application-website-ui-yellow-background-3d-rendering-illustration_56104-1307.jpg",
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Projects Completed", description: "High-quality deliverables delivered.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-logos_23-2147510366.jpg" },
|
||||
{ id: "m2", value: "98%", title: "Client Satisfaction", description: "Partnering for long-term success.", imageSrc: "http://img.b2bpic.net/free-photo/set-bell-reminder-notification-alert-alarm-icon-sign-symbol-application-website-ui-yellow-background-3d-rendering-illustration_56104-1307.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -215,49 +112,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Pages",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Logos",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Web Dev",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:sa22072004@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923410184098",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "Shop", href: "/shop" }] },
|
||||
{ title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
|
||||
]}
|
||||
logoText="Som Gafwee"
|
||||
/>
|
||||
|
||||
@@ -2,12 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Globe, Award } from "lucide-react";
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -25,30 +26,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Som Gafwee"
|
||||
/>
|
||||
@@ -61,20 +44,8 @@ export default function LandingPage() {
|
||||
title="Latest Work"
|
||||
description="A glimpse into our creative journey."
|
||||
features={[
|
||||
{
|
||||
title: "Web App X",
|
||||
description: "SaaS dashboard revamp.",
|
||||
buttonIcon: "Globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait tech",
|
||||
},
|
||||
{
|
||||
title: "Identity Y",
|
||||
description: "Minimal branding for tech startup.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg?_wi=2",
|
||||
imageAlt: "creative manager portrait friendly",
|
||||
},
|
||||
{ title: "Web App X", description: "SaaS dashboard revamp.", buttonIcon: Globe, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg", imageAlt: "professional headshot portrait tech" },
|
||||
{ title: "Identity Y", description: "Minimal branding for tech startup.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg", imageAlt: "creative manager portrait friendly" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -87,20 +58,8 @@ export default function LandingPage() {
|
||||
title="Scale"
|
||||
description="Scaling businesses globally."
|
||||
metrics={[
|
||||
{
|
||||
id: "p1",
|
||||
value: "10+",
|
||||
title: "Global Markets",
|
||||
description: "Serving clients worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/45th-years-anniversary-celebration-3d-render_460848-10829.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
value: "5x",
|
||||
title: "Growth Average",
|
||||
description: "Driving real business results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/aesthetic-business-arrow-logo-template-minimal-graphic-vector_53876-156270.jpg",
|
||||
},
|
||||
{ id: "p1", value: "10+", title: "Global Markets", description: "Serving clients worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/45th-years-anniversary-celebration-3d-render_460848-10829.jpg" },
|
||||
{ id: "p2", value: "5x", title: "Growth Average", description: "Driving real business results.", imageSrc: "http://img.b2bpic.net/free-vector/aesthetic-business-arrow-logo-template-minimal-graphic-vector_53876-156270.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,49 +67,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Pages",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Logos",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Web Dev",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:sa22072004@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923410184098",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "Shop", href: "/shop" }] },
|
||||
{ title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
|
||||
]}
|
||||
logoText="Som Gafwee"
|
||||
/>
|
||||
|
||||
@@ -2,12 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { MessageSquare, Code } from "lucide-react";
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -25,30 +26,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Som Gafwee"
|
||||
/>
|
||||
@@ -60,39 +43,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$199",
|
||||
subtitle: "Basic Logo & Brand",
|
||||
features: [
|
||||
"1 Concept",
|
||||
"Basic Files",
|
||||
"2 Revs",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Pro",
|
||||
price: "$499",
|
||||
subtitle: "Logo & Web Assets",
|
||||
features: [
|
||||
"3 Concepts",
|
||||
"All Formats",
|
||||
"5 Revs",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Full",
|
||||
price: "$999",
|
||||
subtitle: "Complete Branding",
|
||||
features: [
|
||||
"Full Identity",
|
||||
"Frontend Web",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Entry", price: "$199", subtitle: "Basic Logo & Brand", features: ["1 Concept", "Basic Files", "2 Revs"] },
|
||||
{ id: "standard", badge: "Pro", price: "$499", subtitle: "Logo & Web Assets", features: ["3 Concepts", "All Formats", "5 Revs"] },
|
||||
{ id: "premium", badge: "Full", price: "$999", subtitle: "Complete Branding", features: ["Full Identity", "Frontend Web", "Priority Support"] },
|
||||
]}
|
||||
title="Pricing & Services"
|
||||
description="Transparent plans for your digital needs."
|
||||
@@ -106,20 +59,8 @@ export default function LandingPage() {
|
||||
title="Our Process"
|
||||
description="A workflow designed for clarity and speed."
|
||||
features={[
|
||||
{
|
||||
title: "Consultation",
|
||||
description: "Defining your core identity.",
|
||||
buttonIcon: "MessageSquare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=2",
|
||||
imageAlt: "frontend web development code concept",
|
||||
},
|
||||
{
|
||||
title: "Development",
|
||||
description: "Bringing the design to code.",
|
||||
buttonIcon: "Code",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213611.jpg?_wi=2",
|
||||
imageAlt: "creative digital art agency work",
|
||||
},
|
||||
{ title: "Consultation", description: "Defining your core identity.", buttonIcon: MessageSquare, imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg", imageAlt: "frontend web development code concept" },
|
||||
{ title: "Development", description: "Bringing the design to code.", buttonIcon: Code, imageSrc: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213611.jpg", imageAlt: "creative digital art agency work" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,49 +68,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Pages",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Logos",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Web Dev",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:sa22072004@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923410184098",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Pages", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "Shop", href: "/shop" }] },
|
||||
{ title: "Services", items: [{ label: "Logos", href: "/services" }, { label: "Web Dev", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:sa22072004@gmail.com" }, { label: "WhatsApp", href: "https://wa.me/923410184098" }] },
|
||||
]}
|
||||
logoText="Som Gafwee"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user