Merge version_3 into main #1
245
src/app/page.tsx
245
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';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Dizayn"
|
||||
/>
|
||||
@@ -55,61 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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/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/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/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/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/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by creative teams worldwide."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Strategy",
|
||||
},
|
||||
type: "text", text: "Brand Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Visual Identity",
|
||||
},
|
||||
type: "text", text: "Visual Identity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UX/UI Design",
|
||||
},
|
||||
type: "text", text: "UX/UI Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interaction Design",
|
||||
},
|
||||
type: "text", text: "Interaction Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Consulting",
|
||||
},
|
||||
type: "text", text: "Creative Consulting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,17 +91,11 @@ export default function LandingPage() {
|
||||
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: "Strategic Design", description: "Tailored strategies for every brand."},
|
||||
{
|
||||
title: "Modern Aesthetics",
|
||||
description: "Clean and contemporary visual languages.",
|
||||
},
|
||||
title: "Modern Aesthetics", description: "Clean and contemporary visual languages."},
|
||||
{
|
||||
title: "Human-Centric UX",
|
||||
description: "Designs that resonate with your users.",
|
||||
},
|
||||
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"
|
||||
@@ -145,20 +108,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -170,14 +124,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Luxe Studio",
|
||||
"Aether Labs",
|
||||
"Nova Collective",
|
||||
"Zenith Design",
|
||||
"Orbit Brands",
|
||||
"Canvas Creative",
|
||||
"Prism Studio",
|
||||
]}
|
||||
"Luxe Studio", "Aether Labs", "Nova Collective", "Zenith Design", "Orbit Brands", "Canvas Creative", "Prism Studio"]}
|
||||
title="Renowned Partners"
|
||||
description="Collaborating with industry-leading brands."
|
||||
/>
|
||||
@@ -190,40 +137,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -237,51 +159,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$2,500",
|
||||
name: "Starter",
|
||||
features: [
|
||||
"Brand Audit",
|
||||
"Visual Identity",
|
||||
"1 Round Revision",
|
||||
],
|
||||
id: "starter", price: "$2,500", name: "Starter", features: [
|
||||
"Brand Audit", "Visual Identity", "1 Round Revision"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$5,000",
|
||||
name: "Professional",
|
||||
features: [
|
||||
"Full Brand System",
|
||||
"Custom Website",
|
||||
"3 Rounds Revision",
|
||||
],
|
||||
id: "pro", price: "$5,000", name: "Professional", features: [
|
||||
"Full Brand System", "Custom Website", "3 Rounds Revision"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$9,500",
|
||||
name: "Enterprise",
|
||||
features: [
|
||||
"Comprehensive Identity",
|
||||
"Full App UI/UX",
|
||||
"Unlimited Revisions",
|
||||
],
|
||||
id: "enterprise", price: "$9,500", name: "Enterprise", features: [
|
||||
"Comprehensive Identity", "Full App UI/UX", "Unlimited Revisions"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -291,84 +189,63 @@ 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: "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: "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: "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",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Redefine Your Brand?"
|
||||
description="Get in touch for a custom design consultation today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-with-minimalist-accessories_23-2148671168.jpg"
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:studio@dizayn.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:studio@dizayn.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="Dizayn"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
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