Merge version_2 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -28,137 +28,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DesignCo"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Minimalist Design Solutions"
|
||||
description="Crafting clean and impactful digital experiences that define the future of your brand."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture-macro_23-2148111204.jpg?_wi=1",
|
||||
imageAlt: "Abstract Art 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-red-papers-close-up_23-2148263919.jpg?_wi=1",
|
||||
imageAlt: "Abstract Art 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-triangular-cardboard-sheets-with-copy-space_23-2148320392.jpg?_wi=1",
|
||||
imageAlt: "Abstract Art 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149163350.jpg?_wi=1",
|
||||
imageAlt: "Abstract Art 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lay-out-lips-picture-lipsticks_23-2148181447.jpg?_wi=1",
|
||||
imageAlt: "Abstract Art 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-straw-collection-top-view_23-2148877839.jpg?_wi=1",
|
||||
imageAlt: "Abstract Art 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture-macro_23-2148111204.jpg", imageAlt: "Abstract Art 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-red-papers-close-up_23-2148263919.jpg", imageAlt: "Abstract Art 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-triangular-cardboard-sheets-with-copy-space_23-2148320392.jpg", imageAlt: "Abstract Art 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149163350.jpg", imageAlt: "Abstract Art 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lay-out-lips-picture-lipsticks_23-2148181447.jpg", imageAlt: "Abstract Art 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-straw-collection-top-view_23-2148877839.jpg", imageAlt: "Abstract Art 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-straw-collection-top-view_23-2148877839.jpg?_wi=2",
|
||||
imageAlt: "Abstract Art 6",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lay-out-lips-picture-lipsticks_23-2148181447.jpg?_wi=2",
|
||||
imageAlt: "Abstract Art 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149163350.jpg?_wi=2",
|
||||
imageAlt: "Abstract Art 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-triangular-cardboard-sheets-with-copy-space_23-2148320392.jpg?_wi=2",
|
||||
imageAlt: "Abstract Art 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-red-papers-close-up_23-2148263919.jpg?_wi=2",
|
||||
imageAlt: "Abstract Art 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture-macro_23-2148111204.jpg?_wi=2",
|
||||
imageAlt: "Abstract Art 1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-straw-collection-top-view_23-2148877839.jpg", imageAlt: "Abstract Art 6" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lay-out-lips-picture-lipsticks_23-2148181447.jpg", imageAlt: "Abstract Art 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149163350.jpg", imageAlt: "Abstract Art 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-triangular-cardboard-sheets-with-copy-space_23-2148320392.jpg", imageAlt: "Abstract Art 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-red-papers-close-up_23-2148263919.jpg", imageAlt: "Abstract Art 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture-macro_23-2148111204.jpg", imageAlt: "Abstract Art 1" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing_23-2148407644.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confused-handsome-man-suit-grimacing-looking-perplexed-wearing-trendy-suit-standin_1258-157123.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-model-with-arms-crossed_23-2148328818.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing_23-2148407644.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-confused-handsome-man-suit-grimacing-looking-perplexed-wearing-trendy-suit-standin_1258-157123.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-model-with-arms-crossed_23-2148328818.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clarity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Impact",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Innovation" }, { type: "text", text: "Clarity" }, { type: "text", text: "Impact" }, { type: "text", text: "Quality" }, { type: "text", text: "Design" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,37 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Modern UI",
|
||||
author: "Design Team",
|
||||
description: "Cutting edge designs for a global audience.",
|
||||
tags: [
|
||||
"UI",
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-intelligent-software-placed-table-kitchen-with-nobody_482257-8724.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Brand Identity",
|
||||
author: "Strategy Team",
|
||||
description: "Defining your voice in a crowded space.",
|
||||
tags: [
|
||||
"Branding",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147904146.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Digital Strategy",
|
||||
author: "Marketing Team",
|
||||
description: "Data-driven results for your business.",
|
||||
tags: [
|
||||
"Strategy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Modern UI", author: "Design Team", description: "Cutting edge designs for a global audience.", tags: ["UI", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-intelligent-software-placed-table-kitchen-with-nobody_482257-8724.jpg" },
|
||||
{ id: "f2", title: "Brand Identity", author: "Strategy Team", description: "Defining your voice in a crowded space.", tags: ["Branding"], imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147904146.jpg" },
|
||||
{ id: "f3", title: "Digital Strategy", author: "Marketing Team", description: "Data-driven results for your business.", tags: ["Strategy"], imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg" },
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Designed with precision to elevate your brand presence."
|
||||
@@ -219,60 +101,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Smith",
|
||||
role: "CEO",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing_23-2148407644.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Jones",
|
||||
role: "Director",
|
||||
company: "CreativeLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara Evans",
|
||||
role: "Founder",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David White",
|
||||
role: "Manager",
|
||||
company: "SolutionsInc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confused-handsome-man-suit-grimacing-looking-perplexed-wearing-trendy-suit-standin_1258-157123.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve Adams",
|
||||
role: "Designer",
|
||||
company: "StyleAgency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-arms-crossed_23-2148328818.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Smith", role: "CEO", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing_23-2148407644.jpg" },
|
||||
{ id: "2", name: "Bob Jones", role: "Director", company: "CreativeLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg" },
|
||||
{ id: "3", name: "Clara Evans", role: "Founder", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg" },
|
||||
{ id: "4", name: "David White", role: "Manager", company: "SolutionsInc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confused-handsome-man-suit-grimacing-looking-perplexed-wearing-trendy-suit-standin_1258-157123.jpg" },
|
||||
{ id: "5", name: "Eve Adams", role: "Designer", company: "StyleAgency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-arms-crossed_23-2148328818.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "10y",
|
||||
label: "Industry Experience",
|
||||
},
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "150+", label: "Projects Completed" },
|
||||
{ value: "10y", label: "Industry Experience" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Our work speaks for itself through the success of our partners."
|
||||
@@ -282,9 +120,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Let's Build Something Together"
|
||||
description="Reach out and let's start a conversation about your next digital initiative."
|
||||
@@ -302,4 +138,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user