Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e60fe32e01 | |||
| fd0ff9c84b | |||
| b3de05142d | |||
| 4382c7ebf5 | |||
| eee0328df5 | |||
| 51e638bd63 |
295
src/app/page.tsx
295
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 FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Dizayn"
|
||||
/>
|
||||
@@ -54,62 +42,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Elevate Your Digital Experience"
|
||||
description="We craft sophisticated design solutions that turn visions into memorable digital realities. Your brand, redefined."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197854.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-portrait-digital-art_23-2151197854.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by creative teams worldwide."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Visual Identity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UX/UI Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interaction Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Consulting",
|
||||
},
|
||||
{ type: "text", text: "Brand Strategy" },
|
||||
{ type: "text", text: "Visual Identity" },
|
||||
{ type: "text", text: "UX/UI Design" },
|
||||
{ type: "text", text: "Interaction Design" },
|
||||
{ type: "text", text: "Creative Consulting" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,18 +72,9 @@ export default function LandingPage() {
|
||||
title="Crafting Artistry & Precision"
|
||||
description="Our studio bridges the gap between functional design and aesthetic excellence, ensuring every project leaves a lasting impression."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Strategic Design",
|
||||
description: "Tailored strategies for every brand.",
|
||||
},
|
||||
{
|
||||
title: "Modern Aesthetics",
|
||||
description: "Clean and contemporary visual languages.",
|
||||
},
|
||||
{
|
||||
title: "Human-Centric UX",
|
||||
description: "Designs that resonate with your users.",
|
||||
},
|
||||
{ title: "Strategic Design", description: "Tailored strategies for every brand." },
|
||||
{ title: "Modern Aesthetics", description: "Clean and contemporary visual languages." },
|
||||
{ title: "Human-Centric UX", description: "Designs that resonate with your users." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-office-desk-with-messy-workspace-laptop_23-2150282085.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -144,21 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Identity",
|
||||
description: "Define your essence.",
|
||||
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",
|
||||
},
|
||||
{
|
||||
title: "Visual Strategy",
|
||||
description: "Guide your perception.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-strategy-action-design-vision-plan-concept_53876-121098.jpg",
|
||||
},
|
||||
{
|
||||
title: "Interaction Design",
|
||||
description: "Engage every visitor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169898.jpg",
|
||||
},
|
||||
{ title: "Brand Identity", description: "Define your essence.", 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" },
|
||||
{ title: "Visual Strategy", description: "Guide your perception.", imageSrc: "http://img.b2bpic.net/free-photo/ideas-strategy-action-design-vision-plan-concept_53876-121098.jpg" },
|
||||
{ title: "Interaction Design", description: "Engage every visitor.", imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169898.jpg" },
|
||||
]}
|
||||
title="Sophisticated Features"
|
||||
description="Powerful capabilities packaged in an elegant, minimal interface."
|
||||
@@ -169,15 +99,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Luxe Studio",
|
||||
"Aether Labs",
|
||||
"Nova Collective",
|
||||
"Zenith Design",
|
||||
"Orbit Brands",
|
||||
"Canvas Creative",
|
||||
"Prism Studio",
|
||||
]}
|
||||
names={["Luxe Studio", "Aether Labs", "Nova Collective", "Zenith Design", "Orbit Brands", "Canvas Creative", "Prism Studio"]}
|
||||
title="Renowned Partners"
|
||||
description="Collaborating with industry-leading brands."
|
||||
/>
|
||||
@@ -189,41 +111,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Ross",
|
||||
role: "Creative Lead",
|
||||
testimonial: "Exceptional quality and incredible attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-manager_1098-13761.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Chen",
|
||||
role: "Founder",
|
||||
testimonial: "The best design experience I've had in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-smiling-woman-records-lifestyle-blog-vlogger-makeup-artist-recording-video_1258-254994.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia Vane",
|
||||
role: "Director",
|
||||
testimonial: "A transformative experience for our digital presence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian Thorne",
|
||||
role: "Product Manager",
|
||||
testimonial: "Professional, efficient, and deeply creative results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-memorizer-concept-collage_23-2149270828.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe West",
|
||||
role: "Brand Strategist",
|
||||
testimonial: "They truly understood our unique brand story.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena Ross", role: "Creative Lead", testimonial: "Exceptional quality and incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-manager_1098-13761.jpg" },
|
||||
{ id: "2", name: "Marcus Chen", role: "Founder", testimonial: "The best design experience I've had in years.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-smiling-woman-records-lifestyle-blog-vlogger-makeup-artist-recording-video_1258-254994.jpg" },
|
||||
{ id: "3", name: "Sophia Vane", role: "Director", testimonial: "A transformative experience for our digital presence.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
|
||||
{ id: "4", name: "Julian Thorne", role: "Product Manager", testimonial: "Professional, efficient, and deeply creative results.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-memorizer-concept-collage_23-2149270828.jpg" },
|
||||
{ id: "5", name: "Chloe West", role: "Brand Strategist", testimonial: "They truly understood our unique brand story.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg" },
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Feedback that fuels our commitment to excellence."
|
||||
@@ -236,54 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$2,500",
|
||||
name: "Starter",
|
||||
features: [
|
||||
"Brand Audit",
|
||||
"Visual Identity",
|
||||
"1 Round Revision",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$5,000",
|
||||
name: "Professional",
|
||||
features: [
|
||||
"Full Brand System",
|
||||
"Custom Website",
|
||||
"3 Rounds Revision",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$9,500",
|
||||
name: "Enterprise",
|
||||
features: [
|
||||
"Comprehensive Identity",
|
||||
"Full App UI/UX",
|
||||
"Unlimited Revisions",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "starter", price: "$2,500", name: "Starter", features: ["Brand Audit", "Visual Identity", "1 Round Revision"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "pro", price: "$5,000", name: "Professional", features: ["Full Brand System", "Custom Website", "3 Rounds Revision"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "enterprise", price: "$9,500", name: "Enterprise", features: ["Comprehensive Identity", "Full App UI/UX", "Unlimited Revisions"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
]}
|
||||
title="Tailored Packages"
|
||||
description="Flexible design solutions suited for your scaling requirements."
|
||||
@@ -291,84 +138,54 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqSplitMedia
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the process?",
|
||||
content: "We follow a four-phase design approach.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does it take?",
|
||||
content: "Average project timelines are 4-8 weeks.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer revisions?",
|
||||
content: "Yes, we prioritize client satisfaction.",
|
||||
},
|
||||
{ id: "1", title: "What is the process?", content: "We follow a four-phase design approach." },
|
||||
{ id: "2", title: "How long does it take?", content: "Average project timelines are 4-8 weeks." },
|
||||
{ id: "3", title: "Do you offer revisions?", content: "Yes, we prioritize client satisfaction." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about starting your design journey."
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your design journey."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/design-studio-tools-workspace_23-2148281156.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Redefine Your Brand?"
|
||||
description="Get in touch for a custom design consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:studio@dizayn.com",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-with-minimalist-accessories_23-2148671168.jpg"
|
||||
onSubmit={(email) => console.log("Submitted:", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="Dizayn"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
title: "Platform", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Dizayn Studio."
|
||||
bottomRightText="All rights reserved."
|
||||
copyrightText="© 2024 Dizayn Studio. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user