Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -29,103 +29,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Demos",
|
||||
id: "/demos",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "/work",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "/process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Demos", id: "/demos" },
|
||||
{ name: "Work", id: "/work" },
|
||||
{ name: "Process", id: "/process" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="CRD"
|
||||
button={{
|
||||
text: "Book a Call",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Book a Call", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Websites that make your business look elite"
|
||||
description="We craft modern websites, strong brands, and conversion-focused digital experiences that help ambitious businesses stand out and grow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Call",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Work",
|
||||
href: "/work",
|
||||
},
|
||||
{ text: "Book a Call", href: "/contact" },
|
||||
{ text: "View Work", href: "/work" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-holographic-infographic-element-collection_52683-11657.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-holographic-infographic-element-collection_52683-11657.jpg"
|
||||
imageAlt="CRD Agency Hero Mockups"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D68DgF2aArcJ7TrF7nYW8zoufF/uploaded-1777591068845-40ai3jx7.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468846.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-element-set_52683-26694.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-with-gradient-style_23-2147865909.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D68DgF2aArcJ7TrF7nYW8zoufF/uploaded-1777591068845-40ai3jx7.png", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468846.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/dashboard-element-set_52683-26694.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-with-gradient-style_23-2147865909.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ elite brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Web Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Performance SEO",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Branding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion Optimization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern UI/UX",
|
||||
},
|
||||
{ type: "text", text: "Innovative Web Design" },
|
||||
{ type: "text", text: "High-Performance SEO" },
|
||||
{ type: "text", text: "Strategic Branding" },
|
||||
{ type: "text", text: "Conversion Optimization" },
|
||||
{ type: "text", text: "Modern UI/UX" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,36 +78,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Website Design",
|
||||
description: "Custom, conversion-focused designs that reflect your brand.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Monitor,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-holographic-infographic-element-collection_52683-11657.jpg?_wi=2",
|
||||
imageAlt: "saas dashboard interface dark",
|
||||
title: "Website Design", description: "Custom, conversion-focused designs that reflect your brand.", bentoComponent: "reveal-icon", icon: Monitor,
|
||||
},
|
||||
{
|
||||
title: "Redesigns",
|
||||
description: "Transform outdated websites into modern experiences.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: History,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D68DgF2aArcJ7TrF7nYW8zoufF/uploaded-1777591068845-40ai3jx7.png?_wi=1",
|
||||
imageAlt: "saas dashboard interface dark",
|
||||
title: "Redesigns", description: "Transform outdated websites into modern experiences.", bentoComponent: "reveal-icon", icon: History,
|
||||
},
|
||||
{
|
||||
title: "Branding",
|
||||
description: "Build a powerful identity that sets you apart.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Diamond,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468846.jpg?_wi=1",
|
||||
imageAlt: "saas dashboard interface dark",
|
||||
title: "Branding", description: "Build a powerful identity that sets you apart.", bentoComponent: "reveal-icon", icon: Diamond,
|
||||
},
|
||||
{
|
||||
title: "SEO & Optimization",
|
||||
description: "Get found by the right audience every time.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-set_52683-26694.jpg?_wi=1",
|
||||
imageAlt: "saas dashboard interface dark",
|
||||
title: "SEO & Optimization", description: "Get found by the right audience every time.", bentoComponent: "reveal-icon", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -182,41 +103,11 @@ export default function LandingPage() {
|
||||
title="Client Success"
|
||||
description="See what our partners have to say about our work."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "CRD transformed our digital presence completely.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D68DgF2aArcJ7TrF7nYW8zoufF/uploaded-1777591068845-40ai3jx7.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Professional, fast, and high-quality results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468846.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "The best agency we have worked with by far.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-set_52683-26694.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom B.",
|
||||
handle: "@tomb",
|
||||
testimonial: "Incredible attention to design detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe L.",
|
||||
handle: "@chloel",
|
||||
testimonial: "Results-driven design that actually converts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-with-gradient-style_23-2147865909.jpg?_wi=1",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "CRD transformed our digital presence completely.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D68DgF2aArcJ7TrF7nYW8zoufF/uploaded-1777591068845-40ai3jx7.png" },
|
||||
{ id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Professional, fast, and high-quality results.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468846.jpg" },
|
||||
{ id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "The best agency we have worked with by far.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-set_52683-26694.jpg" },
|
||||
{ id: "t4", name: "Tom B.", handle: "@tomb", testimonial: "Incredible attention to design detail.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg" },
|
||||
{ id: "t5", name: "Chloe L.", handle: "@chloel", testimonial: "Results-driven design that actually converts.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-with-gradient-style_23-2147865909.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,31 +119,11 @@ export default function LandingPage() {
|
||||
title="Our Process"
|
||||
description="How we turn your vision into reality."
|
||||
features={[
|
||||
{
|
||||
title: "Discovery",
|
||||
description: "We learn your business and goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468846.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
title: "Strategy",
|
||||
description: "We build a roadmap for success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-set_52683-26694.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
title: "Design",
|
||||
description: "We create modern, high-converting interfaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Development",
|
||||
description: "We build with speed and scale in mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-with-gradient-style_23-2147865909.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Launch",
|
||||
description: "We deploy and monitor results.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D68DgF2aArcJ7TrF7nYW8zoufF/uploaded-1777591068845-40ai3jx7.png?_wi=3",
|
||||
},
|
||||
{ title: "Discovery", description: "We learn your business and goals.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468846.jpg" },
|
||||
{ title: "Strategy", description: "We build a roadmap for success.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-set_52683-26694.jpg" },
|
||||
{ title: "Design", description: "We create modern, high-converting interfaces.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg" },
|
||||
{ title: "Development", description: "We build with speed and scale in mind.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-with-gradient-style_23-2147865909.jpg" },
|
||||
{ title: "Launch", description: "We deploy and monitor results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D68DgF2aArcJ7TrF7nYW8zoufF/uploaded-1777591068845-40ai3jx7.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,31 +135,11 @@ export default function LandingPage() {
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the timeline?",
|
||||
content: "Projects typically take 4-8 weeks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide support?",
|
||||
content: "Yes, we offer ongoing maintenance plans.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle SEO?",
|
||||
content: "Yes, our designs are SEO-optimized by default.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What industries do you work with?",
|
||||
content: "We work with tech, SaaS, and high-growth brands.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "How do we start?",
|
||||
content: "Simply book a discovery call through our site.",
|
||||
},
|
||||
{ id: "f1", title: "What is the timeline?", content: "Projects typically take 4-8 weeks." },
|
||||
{ id: "f2", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance plans." },
|
||||
{ id: "f3", title: "Can you handle SEO?", content: "Yes, our designs are SEO-optimized by default." },
|
||||
{ id: "f4", title: "What industries do you work with?", content: "We work with tech, SaaS, and high-growth brands." },
|
||||
{ id: "f5", title: "How do we start?", content: "Simply book a discovery call through our site." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -297,30 +148,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Work",
|
||||
href: "/work",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Process",
|
||||
href: "/process",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "Work", href: "/work" }] },
|
||||
{ items: [{ label: "Process", href: "/process" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
logoText="CRD"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user