Merge version_3 into main #3
277
src/app/page.tsx
277
src/app/page.tsx
@@ -3,10 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Adaptive"
|
||||
/>
|
||||
@@ -56,102 +48,54 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="We Design Adaptive Experiences."
|
||||
description="Adaptive is a creative agency built for the future. We craft digital identities that evolve, scale, and resonate."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@alex",
|
||||
testimonial: "Adaptive transformed our digital presence completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=1",
|
||||
imageAlt: "creative agency studio aesthetic",
|
||||
},
|
||||
name: "Alex Rivers", handle: "@alex", testimonial: "Adaptive transformed our digital presence completely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=1", imageAlt: "creative agency studio aesthetic"},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@sam",
|
||||
testimonial: "The best creative partners we've ever worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571034.jpg",
|
||||
imageAlt: "creative agency studio aesthetic",
|
||||
},
|
||||
name: "Sam Taylor", handle: "@sam", testimonial: "The best creative partners we've ever worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571034.jpg", imageAlt: "creative agency studio aesthetic"},
|
||||
{
|
||||
name: "Jamie Lee",
|
||||
handle: "@jamie",
|
||||
testimonial: "Innovative designs that actually drive results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-graphics_23-2148080988.jpg?_wi=1",
|
||||
imageAlt: "creative agency studio aesthetic",
|
||||
},
|
||||
name: "Jamie Lee", handle: "@jamie", testimonial: "Innovative designs that actually drive results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-graphics_23-2148080988.jpg?_wi=1", imageAlt: "creative agency studio aesthetic"},
|
||||
{
|
||||
name: "Morgan Gray",
|
||||
handle: "@morgan",
|
||||
testimonial: "Exceptional attention to detail and branding.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=1",
|
||||
imageAlt: "creative agency studio aesthetic",
|
||||
},
|
||||
name: "Morgan Gray", handle: "@morgan", testimonial: "Exceptional attention to detail and branding.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=1", imageAlt: "creative agency studio aesthetic"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan",
|
||||
testimonial: "A truly modern creative agency.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg?_wi=1",
|
||||
imageAlt: "creative agency studio aesthetic",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jordan", testimonial: "A truly modern creative agency.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg?_wi=1", imageAlt: "creative agency studio aesthetic"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-arrangement-3d-glasses_23-2149487729.jpg",
|
||||
alt: "Abstract arrangement of 3d glasses",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-arrangement-3d-glasses_23-2149487729.jpg", alt: "Abstract arrangement of 3d glasses"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg",
|
||||
alt: "Letter a; eyeglasses; smartphone; earphone; coffee cup on white desk",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg", alt: "Letter a; eyeglasses; smartphone; earphone; coffee cup on white desk"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105302.jpg",
|
||||
alt: "Comparison of different types of brush strokes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105302.jpg", alt: "Comparison of different types of brush strokes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443498.jpg",
|
||||
alt: "Top view over career guidance items for designers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443498.jpg", alt: "Top view over career guidance items for designers"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg",
|
||||
alt: "creative agency studio aesthetic",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg", alt: "creative agency studio aesthetic"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Adaptive Strategy",
|
||||
},
|
||||
type: "text", text: "Adaptive Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Transformation",
|
||||
},
|
||||
type: "text", text: "Digital Transformation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Evolution",
|
||||
},
|
||||
type: "text", text: "Brand Evolution"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern UX/UI",
|
||||
},
|
||||
type: "text", text: "Modern UX/UI"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth Marketing",
|
||||
},
|
||||
type: "text", text: "Growth Marketing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,19 +107,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Won",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Projects Won", value: "150+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "85+",
|
||||
},
|
||||
label: "Happy Clients", value: "85+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Years Active",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Active", value: "10+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -188,20 +126,11 @@ export default function LandingPage() {
|
||||
description="We offer a suite of creative services tailored to your business needs."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Brand Strategy",
|
||||
content: "Defining your identity in a cluttered market.",
|
||||
},
|
||||
id: "f1", title: "Brand Strategy", content: "Defining your identity in a cluttered market."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Digital Design",
|
||||
content: "Beautiful, high-conversion interfaces.",
|
||||
},
|
||||
id: "f2", title: "Digital Design", content: "Beautiful, high-conversion interfaces."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Campaign Growth",
|
||||
content: "Marketing strategies that scale.",
|
||||
},
|
||||
id: "f3", title: "Campaign Growth", content: "Marketing strategies that scale."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-smartphone-graphics_23-2148080988.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -213,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DigitalWave",
|
||||
"CloudSync",
|
||||
"NexusDesign",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalWave", "CloudSync", "NexusDesign"]}
|
||||
title="Trusted by Leaders"
|
||||
description="We partner with forward-thinking companies to build greatness."
|
||||
/>
|
||||
@@ -233,52 +155,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$5,000",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "basic", price: "$5,000", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Brand Audit",
|
||||
"Logo Design",
|
||||
"Style Guide",
|
||||
],
|
||||
"Brand Audit", "Logo Design", "Style Guide"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$12,000",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
id: "pro", price: "$12,000", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full Rebrand",
|
||||
"UI/UX Design",
|
||||
"Social Assets",
|
||||
],
|
||||
"Full Rebrand", "UI/UX Design", "Social Assets"],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
price: "$25,000",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
id: "ent", price: "$25,000", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Design Systems",
|
||||
"Growth Strategy",
|
||||
"Full Support",
|
||||
],
|
||||
"Design Systems", "Growth Strategy", "Full Support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -291,30 +189,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg?_wi=2"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lisa R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
||||
},
|
||||
id: "t3", name: "Lisa R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-photo-smiling-woman-wearing-turtleneck-top_250224-182.jpg",
|
||||
},
|
||||
id: "t4", name: "Tom B.", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-photo-smiling-woman-wearing-turtleneck-top_250224-182.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
id: "t5", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
]}
|
||||
cardTitle="What They Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -327,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Just schedule a discovery call through our contact form.",
|
||||
},
|
||||
id: "q1", title: "How do we start?", content: "Just schedule a discovery call through our contact form."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What's the process?",
|
||||
content: "Discovery, Strategy, Design, and Delivery.",
|
||||
},
|
||||
id: "q2", title: "What's the process?", content: "Discovery, Strategy, Design, and Delivery."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work remotely?",
|
||||
content: "Yes, we are a fully remote global studio.",
|
||||
},
|
||||
id: "q3", title: "Do you work remotely?", content: "Yes, we are a fully remote global studio."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -348,51 +222,36 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<ContactCenter
|
||||
tag="Let's Connect"
|
||||
title="Start your journey with Adaptive today."
|
||||
description="Share your vision and let's craft something remarkable."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
<FooterBaseReveal
|
||||
logoText="Adaptive"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Adaptive"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user