Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d5791a7ef4 | |||
| 8fb5e859ac | |||
| 6e1ffd3b71 |
205
src/app/page.tsx
205
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "showcase",
|
||||
},
|
||||
name: "Showcase", id: "showcase"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="DesignSuite"
|
||||
/>
|
||||
@@ -55,63 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unleash Your Creativity"
|
||||
description="The all-in-one design suite that empowers creators, designers, and teams to build stunning visuals in minutes."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-her-pet-dog_23-2149202492.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-her-pet-dog_23-2149202492.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-sexy-woman-pink-luxury-dress-summer-trend-chic-style-fashion-designer-working-office-computer_285396-2964.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-sexy-woman-pink-luxury-dress-summer-trend-chic-style-fashion-designer-working-office-computer_285396-2964.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-greenhouse-sitting_23-2148509935.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-greenhouse-sitting_23-2148509935.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038907.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038907.jpg", alt: "User 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "See Showcase",
|
||||
href: "#showcase",
|
||||
},
|
||||
text: "See Showcase", href: "#showcase"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Vector Graphics",
|
||||
},
|
||||
type: "text", text: "Vector Graphics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Prototyping",
|
||||
},
|
||||
type: "text", text: "UI/UX Prototyping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Collaboration",
|
||||
},
|
||||
type: "text", text: "Real-time Collaboration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Export",
|
||||
},
|
||||
type: "text", text: "Automated Export"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Asset Management",
|
||||
},
|
||||
type: "text", text: "Asset Management"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,20 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Tools",
|
||||
description: "Vector-based editing for perfect accuracy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg",
|
||||
},
|
||||
title: "Precision Tools", description: "Achieve pixel-perfect designs with industry-leading vector tools.", imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg"},
|
||||
{
|
||||
title: "Asset Management",
|
||||
description: "Organize and reuse your assets instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastel-crayons-high-quality-photo_72229-824.jpg",
|
||||
},
|
||||
title: "Asset Management", description: "Boost productivity by organizing and reusing assets in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/pastel-crayons-high-quality-photo_72229-824.jpg"},
|
||||
{
|
||||
title: "Instant Export",
|
||||
description: "High-quality exports for every platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-coarse-plaster-surface_23-2148252829.jpg",
|
||||
},
|
||||
title: "Instant Export", description: "Deliver high-quality assets to any platform with one click.", imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-coarse-plaster-surface_23-2148252829.jpg"},
|
||||
]}
|
||||
title="Design Smarter"
|
||||
description="Everything you need to produce professional content at scale."
|
||||
@@ -147,18 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for ",
|
||||
},
|
||||
type: "text", content: "Built for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/people-with-cloud-network-storage-symbols_53876-71519.jpg",
|
||||
alt: "Team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/people-with-cloud-network-storage-symbols_53876-71519.jpg", alt: "Team"},
|
||||
{
|
||||
type: "text",
|
||||
content: " seamless collaboration.",
|
||||
},
|
||||
type: "text", content: " seamless collaboration."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,20 +121,11 @@ export default function LandingPage() {
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
description: "Active Creators",
|
||||
},
|
||||
id: "m1", value: "1M+", description: "Active Creators"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500M",
|
||||
description: "Designs Created",
|
||||
},
|
||||
id: "m2", value: "500M", description: "Designs Created"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Uptime"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -194,14 +136,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Adobe",
|
||||
"Nike",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Tesla", "Adobe", "Nike"]}
|
||||
title="Industry Leaders"
|
||||
description="Used by top global teams."
|
||||
/>
|
||||
@@ -213,45 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Tool",
|
||||
quote: "Changed my workflow entirely.",
|
||||
name: "Sarah",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749875.jpg",
|
||||
},
|
||||
id: "1", title: "Amazing Tool", quote: "Changed my workflow entirely.", name: "Sarah", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749875.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast & Easy",
|
||||
quote: "The speed is incredible.",
|
||||
name: "Michael",
|
||||
role: "PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg",
|
||||
},
|
||||
id: "2", title: "Fast & Easy", quote: "The speed is incredible.", name: "Michael", role: "PM", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional Grade",
|
||||
quote: "Better than legacy tools.",
|
||||
name: "Emily",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg",
|
||||
},
|
||||
id: "3", title: "Professional Grade", quote: "Better than legacy tools.", name: "Emily", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect Collaboration",
|
||||
quote: "My team loves this suite.",
|
||||
name: "David",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg",
|
||||
},
|
||||
id: "4", title: "Perfect Collaboration", quote: "My team loves this suite.", name: "David", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Game Changer",
|
||||
quote: "Essential for my daily work.",
|
||||
name: "Lucy",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
id: "5", title: "Game Changer", quote: "Essential for my daily work.", name: "Lucy", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="What our users say."
|
||||
@@ -264,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, we offer a free tier.",
|
||||
},
|
||||
id: "q1", title: "Is it free?", content: "Yes, we offer a free tier that includes all core design tools and export features at no cost."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Any team plans?",
|
||||
content: "Yes, our team plans allow real-time collaboration.",
|
||||
},
|
||||
id: "q2", title: "Any team plans?", content: "Yes, our team plans allow real-time collaboration. See our pricing page for details."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I export PDFs?",
|
||||
content: "Yes, PDF exports are included.",
|
||||
},
|
||||
id: "q3", title: "Can I export PDFs?", content: "Yes, high-resolution PDF exports are included in all subscription tiers."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-132149.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -291,16 +187,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Let's Create Something Great"
|
||||
description="Start designing your masterpiece today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,29 +202,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
label: "Features", href: "#"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -342,4 +225,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user