Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
304
src/app/page.tsx
304
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Zezus."
|
||||
/>
|
||||
@@ -59,93 +49,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Websites That Win Clients, Not Just Awards."
|
||||
description="Zezus is a creative studio obsessed with precision. We build high-performance, luxury digital experiences for ambitious brands."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Haroon M.",
|
||||
handle: "@LawFirm",
|
||||
testimonial: "Looks like it belongs next to Apple and Stripe. Clients notice immediately.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
},
|
||||
name: "Haroon M.", handle: "@LawFirm", testimonial: "Looks like it belongs next to Apple and Stripe. Clients notice immediately.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg"},
|
||||
{
|
||||
name: "Sana K.",
|
||||
handle: "@Skincare",
|
||||
testimonial: "Lead form conversions up 240%. This is a business tool that pays for itself.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
|
||||
},
|
||||
name: "Sana K.", handle: "@Skincare", testimonial: "Lead form conversions up 240%. This is a business tool that pays for itself.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg"},
|
||||
{
|
||||
name: "Omar F.",
|
||||
handle: "@Textile",
|
||||
testimonial: "Delivered in 4 weeks what others quoted 4 months. Exceptional quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
name: "Omar F.", handle: "@Textile", testimonial: "Delivered in 4 weeks what others quoted 4 months. Exceptional quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@Tech",
|
||||
testimonial: "Best in the industry. Confident design that drives real value.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@Tech", testimonial: "Best in the industry. Confident design that drives real value.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg"},
|
||||
{
|
||||
name: "Alex B.",
|
||||
handle: "@Startup",
|
||||
testimonial: "Transformed our digital presence. Truly a world-class team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
|
||||
},
|
||||
name: "Alex B.", handle: "@Startup", testimonial: "Transformed our digital presence. Truly a world-class team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg"},
|
||||
]}
|
||||
tag="Est. 2023 · Digital Agency"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16954.jpg"
|
||||
imageAlt="3d wireframe shape dark"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg",
|
||||
alt: "Professional woman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg", alt: "Professional woman smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg",
|
||||
alt: "Portrait of bearded black man in a wool suit.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg", alt: "Portrait of bearded black man in a wool suit."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
|
||||
alt: "Bearded black man wearing a suit and a felt hat.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg", alt: "Bearded black man wearing a suit and a felt hat."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
alt: "Close-up portrait of a stylish man in a flannel suit and glasses listening music.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", alt: "Close-up portrait of a stylish man in a flannel suit and glasses listening music."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
|
||||
alt: "Happy smiling man in winter sweater is posing for photographer at studio.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "Happy smiling man in winter sweater is posing for photographer at studio."},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
type: "text", text: "High Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Editorial Craft",
|
||||
},
|
||||
type: "text", text: "Editorial Craft"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Design",
|
||||
},
|
||||
type: "text", text: "Luxury Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion Focused",
|
||||
},
|
||||
type: "text", text: "Conversion Focused"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Future Ready",
|
||||
},
|
||||
type: "text", text: "Future Ready"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,19 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic Templates",
|
||||
"Slow Loading",
|
||||
"Weak Strategy",
|
||||
"Poor UX",
|
||||
],
|
||||
"Generic Templates", "Slow Loading", "Weak Strategy", "Poor UX"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Web Design & Dev",
|
||||
"Brand Identity",
|
||||
"E-Commerce",
|
||||
"SEO & Performance",
|
||||
],
|
||||
"Web Design & Dev", "Brand Identity", "E-Commerce", "SEO & Performance"],
|
||||
}}
|
||||
title="Our Services"
|
||||
description="From high-conversion e-commerce stores to luxury brand identities, our services are focused on delivering measurable impact."
|
||||
@@ -184,41 +125,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Law Firm Redesign",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-cooperating-with-female-colleague-while-working-computer-office_637285-2796.jpg",
|
||||
},
|
||||
id: "1", name: "Law Firm Redesign", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-cooperating-with-female-colleague-while-working-computer-office_637285-2796.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fintech Platform",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg",
|
||||
},
|
||||
id: "2", name: "Fintech Platform", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury E-com",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/funny-graphic-designer-business-card-template_52683-31812.jpg",
|
||||
},
|
||||
id: "3", name: "Luxury E-com", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-vector/funny-graphic-designer-business-card-template_52683-31812.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Creative Portfolio",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-table-dark-top-view-copy-space_169016-53598.jpg",
|
||||
},
|
||||
id: "4", name: "Creative Portfolio", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-table-dark-top-view-copy-space_169016-53598.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Brand Identity X",
|
||||
price: "Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6c7z5",
|
||||
},
|
||||
id: "5", name: "Brand Identity X", price: "Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6c7z5"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Web Platform Y",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-displaybannertemplate_1258-102106.jpg",
|
||||
},
|
||||
id: "6", name: "Web Platform Y", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-displaybannertemplate_1258-102106.jpg"},
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Selected projects showcasing our commitment to high-performance, editorial digital craft."
|
||||
@@ -233,21 +150,13 @@ export default function LandingPage() {
|
||||
description="A refined, four-stage approach designed to ensure every site we build is the best in its industry."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Discovery",
|
||||
description: "Goals, audience research, and competitor strategy.",
|
||||
},
|
||||
title: "Discovery", description: "Goals, audience research, and competitor strategy."},
|
||||
{
|
||||
title: "Design",
|
||||
description: "Wireframes, prototypes, and high-fidelity visual design.",
|
||||
},
|
||||
title: "Design", description: "Wireframes, prototypes, and high-fidelity visual design."},
|
||||
{
|
||||
title: "Build",
|
||||
description: "Pixel-perfect, mobile-first, high-performance coding.",
|
||||
},
|
||||
title: "Build", description: "Pixel-perfect, mobile-first, high-performance coding."},
|
||||
{
|
||||
title: "Launch",
|
||||
description: "Deployment, go-live, and iterative optimization.",
|
||||
},
|
||||
title: "Launch", description: "Deployment, go-live, and iterative optimization."},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459730.jpg"
|
||||
@@ -260,30 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Haroon M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
},
|
||||
id: "t1", name: "Haroon M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sana K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
},
|
||||
id: "t2", name: "Sana K.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Omar F.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-hat-glasses-wearing_613910-12272.jpg",
|
||||
},
|
||||
id: "t3", name: "Omar F.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-hat-glasses-wearing_613910-12272.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex B.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg"},
|
||||
]}
|
||||
cardTitle="What Clients Say"
|
||||
cardTag="Social Proof"
|
||||
@@ -298,52 +192,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$499",
|
||||
name: "Starter",
|
||||
features: [
|
||||
"5 pages",
|
||||
"Responsive",
|
||||
"SEO",
|
||||
],
|
||||
id: "basic", price: "$499", name: "Starter", features: [
|
||||
"5 pages", "Responsive", "SEO"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$1,299",
|
||||
name: "Professional",
|
||||
badge: "Most Popular",
|
||||
features: [
|
||||
"15 pages",
|
||||
"Full SEO",
|
||||
"Animations",
|
||||
],
|
||||
id: "pro", price: "$1,299", name: "Professional", badge: "Most Popular", features: [
|
||||
"15 pages", "Full SEO", "Animations"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
price: "Custom",
|
||||
name: "Enterprise",
|
||||
features: [
|
||||
"Unlimited",
|
||||
"E-commerce",
|
||||
"3D Assets",
|
||||
],
|
||||
id: "ent", price: "Custom", name: "Enterprise", features: [
|
||||
"Unlimited", "E-commerce", "3D Assets"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -353,25 +222,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Timeline?",
|
||||
content: "Most projects are completed in 4-8 weeks depending on scope.",
|
||||
},
|
||||
id: "q1", title: "Timeline?", content: "Most projects are completed in 4-8 weeks depending on scope."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Tech stack?",
|
||||
content: "We use modern, fast, custom-coded tech stacks optimized for performance.",
|
||||
},
|
||||
id: "q2", title: "Tech stack?", content: "We use modern, fast, custom-coded tech stacks optimized for performance."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Maintenance?",
|
||||
content: "Yes, we offer ongoing support and iteration after launch.",
|
||||
},
|
||||
id: "q3", title: "Maintenance?", content: "Yes, we offer ongoing support and iteration after launch."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know before starting your project."
|
||||
@@ -380,55 +240,33 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
<ContactCenter
|
||||
tag="Contact Zezus"
|
||||
title="Start a Project"
|
||||
description="Your website will be the best in your industry. Or we rebuild it. Free."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "mailto:hello@zezus.agency",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037192.jpg"
|
||||
logoText="ZEZUS."
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Development",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Design", href: "#" },
|
||||
{ label: "Development", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Zezus Agency"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user