bender/0516246f-0111-455a-bb4a-4d401515a5e2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 8 commits from version_2 into main 2026-04-26 08:13:30 +00:00
Conversation 0 Commits 8 Files Changed 8 +187 -919
8 changed files with 187 additions and 919 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
src/app/about/page.tsx
View File

@@ -2,124 +2,37 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Rocket } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Blog",
id: "/blog",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Moeez Ecom"
/>
</div>
<div id="about-agency" data-section="about-agency">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="About Moeez Ecom Solutions"
description="Built to help Shopify store owners save time, improve store performance, and grow sales with expert eCommerce support."
metrics={[
{
value: "500+",
title: "Projects Completed",
},
{
value: "98%",
title: "Client Satisfaction",
},
]}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg"
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Leadership Team"
description="Passionate experts behind the growth."
members={[
{
id: "m1",
name: "Moeez",
role: "Founder",
description: "eCommerce visionary.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg",
},
{
id: "m2",
name: "Jane",
role: "Lead Designer",
description: "Creative design expert.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" }
]}
brandName="Moeez Ecom"
/>
<TestimonialAboutCard
tag="About Us"
title="Driving E-commerce Excellence"
description="At Moeez Ecom, we believe that every brand deserves a store that converts. Our expert team of developers and strategists works around the clock to ensure your business thrives in the competitive digital landscape."
subdescription="We started with a simple vision: to empower shop owners with top-tier technology and data-backed strategies. Today, we've helped hundreds of brands scale to seven figures."
icon={Rocket}
imageSrc="http://img.b2bpic.net/free-photo/successful-team-business-people-meeting-modern-office_1163-4481.jpg"
/>
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</ReactLenis>
</ThemeProvider>
);
}
}

156
src/app/blog/page.tsx
View File

@@ -2,150 +2,26 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function LandingPage() {
export default function BlogPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Blog",
id: "/blog",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Moeez Ecom"
/>
</div>
<div id="blog-list" data-section="blog-list">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Latest Insights"
description="Guides and tips for your success."
blogs={[
{
id: "b1",
category: "Growth",
title: "Building a High-Converting Store",
excerpt: "Essential steps for success.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8he1q7",
authorName: "Moeez",
authorAvatar: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
date: "2023-10-01",
},
{
id: "b2",
category: "SEO",
title: "Shopify SEO Tips",
excerpt: "Rank better in search.",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-cart-e-commers-concept_53876-127436.jpg",
authorName: "Moeez",
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
date: "2023-10-05",
},
{
id: "b3",
category: "Sales",
title: "Fixing Low Sales Issues",
excerpt: "Common pitfalls to avoid.",
imageSrc: "http://img.b2bpic.net/free-photo/clothes-search-bar-box-banner-badge_53876-133802.jpg",
authorName: "Moeez",
authorAvatar: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
date: "2023-10-10",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Industry Trends"
description="Stay ahead of the competition."
blogs={[
{
id: "bl1",
category: "General",
title: "Future of Shopify",
excerpt: "What to expect in 2025.",
imageSrc: "http://img.b2bpic.net/free-photo/cool-style-fashion-sense-trendy_53876-13863.jpg",
authorName: "Moeez",
authorAvatar: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
date: "2024-01-01",
},
{
id: "bl2",
category: "Tips",
title: "Store UX Best Practices",
excerpt: "Maximize your conversions.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg",
authorName: "Moeez",
authorAvatar: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
date: "2024-01-10",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Blog", id: "/blog"}, {name: "Contact", id: "/contact"}]} brandName="Moeez Ecom" />
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
title="Latest Insights"
description="Our thoughts on Shopify, CRO, and digital growth."
blogs={[
{ id: "1", category: "Development", title: "Optimizing Shopify Speed", excerpt: "Learn how to make your store load under 2 seconds.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-friday-sales-arrangement-with-tablet_23-2149093516.jpg", authorName: "Moeez", authorAvatar: "", date: "2024-05-01" }
]}
/>
<FooterLogoReveal logoText="Moeez Ecom" leftLink={{text: "Privacy", href: "#"}} rightLink={{text: "Terms", href: "#"}} />
</ReactLenis>
</ThemeProvider>
);
}
}

113
src/app/contact/page.tsx
View File

@@ -2,106 +2,27 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import ButtonBounceEffect from '@/components/button/ButtonBounceEffect/ButtonBounceEffect';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Blog",
id: "/blog",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Moeez Ecom"
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Let's Talk"
title="Book Your Free Shopify Consultation"
description="Ready to scale your store? Our experts are here to help."
buttons={[
{
text: "Schedule Call",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Connect"
title="Directly with us"
description="Need a custom solution?"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Blog", id: "/blog"}, {name: "Contact", id: "/contact"}]} brandName="Moeez Ecom" />
<ContactSplitForm
title="Contact Us"
description="Reach out for any Shopify project inquiries."
inputs={[{name: "name", type: "text", placeholder: "Name"}, {name: "email", type: "email", placeholder: "Email"}]}
textarea={{name: "message", placeholder: "Your message"}}
/>
<div className="flex justify-center py-10">
<ButtonBounceEffect text="Message us on WhatsApp" href="https://wa.me/yournumber" />
</div>
<FooterLogoReveal logoText="Moeez Ecom" leftLink={{text: "Privacy", href: "#"}} rightLink={{text: "Terms", href: "#"}} />
</ReactLenis>
</ThemeProvider>
);
}
}

206
src/app/page.tsx
View File

@@ -28,34 +28,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Blog",
id: "/blog",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
]}
brandName="Moeez Ecom"
/>
@@ -63,64 +42,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Build, Optimize & Scale Your Shopify Store With Experts"
description="Moeez Ecom Solutions helps eCommerce brands launch high-converting Shopify stores, improve product pages, fix store issues, and grow with SEO, CRO, and marketing support."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", alt: "Client 5" },
]}
buttons={[
{
text: "Get Free Consultation",
href: "/contact",
},
{
text: "View Services",
href: "/services",
},
]}
marqueeItems={[
{
type: "text",
text: "Shopify Gold Partner",
},
{
type: "text",
text: "24/7 Expert Support",
},
{
type: "text",
text: "SEO-First Design",
},
{
type: "text",
text: "Conversion Rate Optimization",
},
{
type: "text",
text: "Global E-commerce Growth",
},
{ text: "Get Free Consultation", href: "/contact" },
{ text: "View Services", href: "/services" },
]}
/>
</div>
@@ -132,46 +66,8 @@ export default function LandingPage() {
title="Client Success Stories"
description="See why top brands trust us."
testimonials={[
{
id: "t1",
title: "Amazing Results",
quote: "Moeez Ecom transformed our store completely.",
name: "Sarah J.",
role: "CEO, FashionCo",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
},
{
id: "t2",
title: "Exceptional Growth",
quote: "Our sales increased 3x in just two months.",
name: "Mark D.",
role: "Owner, GadgetGear",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
},
{
id: "t3",
title: "Expert Service",
quote: "Professional, fast, and very efficient.",
name: "Linda W.",
role: "Marketing Director",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
},
{
id: "t4",
title: "Highly Recommend",
quote: "Best development agency I have worked with.",
name: "David L.",
role: "Owner, SkinCare",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
},
{
id: "t5",
title: "Great Support",
quote: "They really care about our project success.",
name: "John S.",
role: "Founder",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
},
{ id: "t1", title: "Amazing Results", quote: "Moeez Ecom transformed our store completely.", name: "Sarah J.", role: "CEO, FashionCo" },
{ id: "t2", title: "Exceptional Growth", quote: "Our sales increased 3x in just two months.", name: "Mark D.", role: "Owner, GadgetGear" },
]}
/>
</div>
@@ -184,31 +80,8 @@ export default function LandingPage() {
description="Get answers to common queries about our agency."
faqsAnimation="slide-up"
faqs={[
{
id: "f1",
title: "How long does a store build take?",
content: "Typically 2-4 weeks depending on requirements.",
},
{
id: "f2",
title: "Do you provide marketing services?",
content: "Yes, we specialize in high-ROI ad setups.",
},
{
id: "f3",
title: "Can you fix my existing store issues?",
content: "Yes, we offer audit and fix services.",
},
{
id: "f4",
title: "What platforms do you support?",
content: "We primarily focus on the Shopify ecosystem.",
},
{
id: "f5",
title: "How do we get started?",
content: "Book a discovery call on our contact page.",
},
{ id: "f1", title: "How long does a store build take?", content: "Typically 2-4 weeks depending on requirements." },
{ id: "f2", title: "Do you provide marketing services?", content: "Yes, we specialize in high-ROI ad setups." },
]}
/>
</div>
@@ -222,31 +95,8 @@ export default function LandingPage() {
title="Why Moeez Ecom?"
description="We blend design and strategy for results."
features={[
{
title: "High Conversions",
description: "Focusing on data-driven design.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg",
},
{
title: "SEO Optimized",
description: "Rank higher in search results.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-friday-sales-arrangement-with-tablet_23-2149093516.jpg",
},
{
title: "Fast Loading",
description: "Performance-first code.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg",
},
{
title: "Modern UI/UX",
description: "Clean, premium aesthetics.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",
},
{
title: "Secure Payments",
description: "Trustworthy checkout setups.",
imageSrc: "http://img.b2bpic.net/free-photo/conversation-cloud-pink-shopping-bag_23-2147930829.jpg",
},
{ title: "High Conversions", description: "Focusing on data-driven design.", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg" },
{ title: "SEO Optimized", description: "Rank higher in search results.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-friday-sales-arrangement-with-tablet_23-2149093516.jpg" },
]}
/>
</div>
@@ -254,9 +104,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in touch"
title="Start your journey today"
description="Drop us a line to discuss your store's future."
@@ -266,14 +114,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>

158
src/app/portfolio/page.tsx
View File

@@ -2,12 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function LandingPage() {
export default function PortfolioPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -22,126 +21,37 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Blog",
id: "/blog",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Moeez Ecom"
/>
</div>
<div id="portfolio-grid" data-section="portfolio-grid">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Fashion Brand Store",
price: "View Project",
variant: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-shopaholics-e-commerce-e-shopping-concept_53876-120673.jpg",
},
{
id: "p2",
name: "Beauty Brand Store",
price: "View Project",
variant: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg",
},
{
id: "p3",
name: "Tech Gadget Store",
price: "View Project",
variant: "CRO",
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-holding-shopping-bags-both-hands_23-2148316545.jpg",
},
{
id: "p4",
name: "Fashion Brand Store",
price: "View Project",
variant: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-collection-design-shopping-graphic-words_53876-125567.jpg",
},
{
id: "p5",
name: "Beauty Brand Store",
price: "View Project",
variant: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
},
{
id: "p6",
name: "Tech Gadget Store",
price: "View Project",
variant: "CRO",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clothes-bed-fast-fashion-concept_23-2149726122.jpg",
},
]}
title="Our Recent Work"
description="Proven results for high-growth brands."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted By Industry Leaders"
description="Proven results for high-growth brands."
names={[
"Brand A",
"Brand B",
"Brand C",
"Brand D",
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
]}
brandName="Moeez Ecom"
/>
<FeatureCardThree
title="Case Studies & Projects"
description="Explore our recent success stories across various industries."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
features={[
{ title: "Fashion Hub Redesign", description: "Increased conversion rate by 45% for a premium apparel brand.", imageSrc: "http://img.b2bpic.net/free-photo/ecommerce-fashion-store-web-design_1234-5678.jpg" },
{ title: "Electronics Marketplace", description: "Built a robust inventory system with automated logistics.", imageSrc: "http://img.b2bpic.net/free-photo/electronics-store-mockup_9876-5432.jpg" },
{ title: "Beauty Brand Launch", description: "Full-funnel campaign strategy and Shopify store build.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-store-showcase_1122-3344.jpg" }
]}
/>
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</ReactLenis>
</ThemeProvider>
);
}
}

176
src/app/pricing/page.tsx
View File

@@ -2,158 +2,38 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function LandingPage() {
export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Blog",
id: "/blog",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Moeez Ecom"
/>
</div>
<div id="pricing-plans" data-section="pricing-plans">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "starter",
name: "Starter",
price: "$499",
buttons: [
{
text: "Get Started",
href: "/contact",
},
],
features: [
"Basic Shopify setup",
"5 pages",
"Basic product upload",
],
},
{
id: "growth",
name: "Growth",
price: "$999",
buttons: [
{
text: "Get Started",
href: "/contact",
},
],
features: [
"Full design",
"SEO setup",
"Speed optimization",
],
},
{
id: "premium",
name: "Premium",
price: "$1999",
buttons: [
{
text: "Get Started",
href: "/contact",
},
],
features: [
"Complete solution",
"Email marketing",
"Ads setup",
],
},
]}
title="Our Packages"
description="Transparent pricing for your growth."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
title="Pricing FAQs"
description="Common questions about our plans."
faqsAnimation="slide-up"
faqs={[
{
id: "p1",
title: "Refund policy?",
content: "We offer a 14-day satisfaction guarantee.",
},
{
id: "p2",
title: "Payment plans?",
content: "Yes, we accept major credit cards and wire.",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" }
]}
brandName="Moeez Ecom"
/>
<PricingCardEight
title="Transparent Pricing"
description="Simple plans designed for scaling your store."
animationType="slide-up"
plans={[
{ id: "p1", badge: "Starter", price: "$499", subtitle: "Best for new stores", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Store Setup", "Basic SEO", "Speed Optimization"] },
{ id: "p2", badge: "Growth", price: "$999", subtitle: "Best for scaling brands", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Custom Design", "Conversion Audit", "Advanced SEO", "Marketing Support"] },
{ id: "p3", badge: "Scale", price: "$1999", subtitle: "Best for enterprise", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Custom Development", "Full CRO", "Dedicated Manager", "Priority Support"] }
]}
/>
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</ReactLenis>
</ThemeProvider>
);
}
}

146
src/app/services/page.tsx
View File

@@ -2,12 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { LayoutGrid, Zap, ShieldCheck, Search, Palette } from 'lucide-react';
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -22,112 +22,38 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "About",
id: "/about",
},
{
name: "Blog",
id: "/blog",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Moeez Ecom"
/>
</div>
<div id="services-list" data-section="services-list">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Store Design",
description: "Beautiful, high-converting store designs.",
tag: "Design",
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-laptop-device_23-2150781053.jpg",
},
{
id: "s2",
title: "Speed Optimization",
description: "Faster stores lead to more sales.",
tag: "Speed",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-blank-screen-surrounded-by-shopping-cart-palm-tree-sheep_187299-47338.jpg",
},
{
id: "s3",
title: "Marketing Ads",
description: "Facebook and Instagram ad experts.",
tag: "Ads",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-credit-card-payment-online-shopping-bag-ecommerce-concept-blue-background-3d-illustration_56104-1788.jpg",
},
]}
title="Our Shopify Services"
description="Comprehensive solutions to grow your business."
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Approach"
description="Strategic, fast, effective."
features={[
{
title: "Research",
description: "Understanding your users.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-prepare-clothing-new-journey_53876-47006.jpg",
},
{
title: "Prototype",
description: "Testing the layout.",
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-studio-with-dress-form-laptop_23-2148834162.jpg",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
]}
brandName="Moeez Ecom"
/>
<FeatureHoverPattern
title="Our Core Services"
description="Comprehensive solutions tailored to scale your eCommerce business."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ icon: LayoutGrid, title: "Store Development", description: "High-performance, custom Shopify themes built from scratch." },
{ icon: Zap, title: "Performance Optimization", description: "Lightning-fast load times for better user experience." },
{ icon: ShieldCheck, title: "Security & Maintenance", description: "Regular updates and secure checkout configurations." },
{ icon: Search, title: "SEO Strategy", description: "Data-driven optimization to rank higher in search engines." },
{ icon: Palette, title: "UX/UI Design", description: "Conversion-focused aesthetics for your brand identity." }
]}
/>
<FooterLogoReveal
logoText="Moeez Ecom"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</ReactLenis>
</ThemeProvider>
);
}
}

10
src/app/styles/variables.css
View File

@@ -10,14 +10,14 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000f06;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #0a7039;
--primary-cta-text: #ffffff;
--secondary-cta: #121212;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #15479c;
--accent: #0a7039;
--background-accent: #001a0a;
/* text sizing - set by ThemeProvider */