Update src/app/page.tsx
This commit is contained in:
303
src/app/page.tsx
303
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Tools",
|
||||
id: "#tools",
|
||||
},
|
||||
name: "Tools", id: "#tools"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
{
|
||||
name: "Sign In",
|
||||
id: "#signin",
|
||||
},
|
||||
name: "Sign In", id: "#signin"},
|
||||
]}
|
||||
brandName="Swedits"
|
||||
/>
|
||||
@@ -54,43 +46,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Create. Edit. Convert."
|
||||
description="Share your idea. We'll find the tool. Our powerful in-browser suite of creative tools helps you transform your vision into reality. Seamlessly integrated, incredibly intuitive."
|
||||
tag="SWEDITS: Your Creative Hub"
|
||||
buttons={[
|
||||
{
|
||||
text: "Upload File",
|
||||
},
|
||||
text: "Upload File"},
|
||||
{
|
||||
text: "Find Tool",
|
||||
},
|
||||
text: "Find Tool"},
|
||||
{
|
||||
text: "Explore All Tools",
|
||||
},
|
||||
text: "Explore All Tools"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg?_wi=1",
|
||||
imageAlt: "Search bar with upload and find tool buttons",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg", imageAlt: "Search bar with upload and find tool buttons"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focus-light-formula-one-car-camera-against-pink-background_23-2148084272.jpg?_wi=1",
|
||||
imageAlt: "Abstract creative tools interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440963.jpg",
|
||||
imageAlt: "Furniture design blueprint on a tablet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459717.jpg",
|
||||
imageAlt: "Office supplies on black table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decor-with-coffee-cup-wooden-tray_344912-1698.jpg",
|
||||
imageAlt: "Flat lay arrangement with tablet on white background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focus-light-formula-one-car-camera-against-pink-background_23-2148084272.jpg", imageAlt: "Abstract creative tools interface"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -102,35 +74,16 @@ export default function LandingPage() {
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "8",
|
||||
title: "Creative Tools",
|
||||
description: "A comprehensive suite for every need.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-organized-school-supplies-with-copy-space-education-day_23-2149241004.jpg?_wi=1",
|
||||
},
|
||||
id: "1", value: "8", title: "Creative Tools", description: "A comprehensive suite for every need.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-organized-school-supplies-with-copy-space-education-day_23-2149241004.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "100-file",
|
||||
title: "Bulk Processing",
|
||||
description: "Handle large projects with ease.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149204337.jpg?_wi=1",
|
||||
},
|
||||
id: "2", value: "100-file", title: "Bulk Processing", description: "Handle large projects with ease.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149204337.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
title: "Export Formats",
|
||||
description: "Versatile outputs for all platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/different-file-icons_1063-120.jpg?_wi=1",
|
||||
},
|
||||
id: "3", value: "15+", title: "Export Formats", description: "Versatile outputs for all platforms.", imageSrc: "http://img.b2bpic.net/free-vector/different-file-icons_1063-120.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
value: "All Major",
|
||||
title: "File Types",
|
||||
description: "Seamless compatibility across formats.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/file-formats-icons-full-color_1010-542.jpg?_wi=1",
|
||||
},
|
||||
id: "4", value: "All Major", title: "File Types", description: "Seamless compatibility across formats.", imageSrc: "http://img.b2bpic.net/free-vector/file-formats-icons-full-color_1010-542.jpg"},
|
||||
]}
|
||||
title="The Swedits Suite"
|
||||
description="Unlock your creative potential with a comprehensive set of in-browser tools."
|
||||
@@ -141,95 +94,48 @@ export default function LandingPage() {
|
||||
<FeatureBento
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Image Editor",
|
||||
description: "Precise control for perfect visuals.",
|
||||
button: {
|
||||
text: "Open",
|
||||
},
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Crop,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-camera-icon_460848-7802.jpg",
|
||||
imageAlt: "image editor icon frosted glass",
|
||||
},
|
||||
title: "Image Editor", description: "Precise control for perfect visuals.", button: {
|
||||
text: "Open"},
|
||||
bentoComponent: "reveal-icon", icon: Crop,
|
||||
imageAlt: "image editor icon frosted glass"},
|
||||
{
|
||||
title: "AI Image Enhancer",
|
||||
description: "Intelligent improvements, stunning results.",
|
||||
button: {
|
||||
text: "Open",
|
||||
},
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg?_wi=2",
|
||||
imageAlt: "image editor icon frosted glass",
|
||||
},
|
||||
title: "AI Image Enhancer", description: "Intelligent improvements, stunning results.", button: {
|
||||
text: "Open"},
|
||||
bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
imageAlt: "image editor icon frosted glass"},
|
||||
{
|
||||
title: "Background Remover",
|
||||
description: "Isolate subjects with a single click.",
|
||||
button: {
|
||||
text: "Open",
|
||||
},
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Edit,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focus-light-formula-one-car-camera-against-pink-background_23-2148084272.jpg?_wi=2",
|
||||
imageAlt: "image editor icon frosted glass",
|
||||
},
|
||||
title: "Background Remover", description: "Isolate subjects with a single click.", button: {
|
||||
text: "Open"},
|
||||
bentoComponent: "reveal-icon", icon: Edit,
|
||||
imageAlt: "image editor icon frosted glass"},
|
||||
{
|
||||
title: "Watermark",
|
||||
description: "Protect your work with custom watermarks.",
|
||||
button: {
|
||||
text: "Open",
|
||||
},
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Feather,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-organized-school-supplies-with-copy-space-education-day_23-2149241004.jpg?_wi=2",
|
||||
imageAlt: "image editor icon frosted glass",
|
||||
},
|
||||
title: "Watermark", description: "Protect your work with custom watermarks.", button: {
|
||||
text: "Open"},
|
||||
bentoComponent: "reveal-icon", icon: Feather,
|
||||
imageAlt: "image editor icon frosted glass"},
|
||||
{
|
||||
title: "Illustrator",
|
||||
description: "Vector graphics for scalable designs.",
|
||||
button: {
|
||||
text: "Open",
|
||||
},
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: PenTool,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149204337.jpg?_wi=2",
|
||||
imageAlt: "image editor icon frosted glass",
|
||||
},
|
||||
title: "Illustrator", description: "Vector graphics for scalable designs.", button: {
|
||||
text: "Open"},
|
||||
bentoComponent: "reveal-icon", icon: PenTool,
|
||||
imageAlt: "image editor icon frosted glass"},
|
||||
{
|
||||
title: "Video Editor",
|
||||
description: "Professional video creation, simplified.",
|
||||
button: {
|
||||
text: "Open",
|
||||
},
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Video,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/different-file-icons_1063-120.jpg?_wi=2",
|
||||
imageAlt: "image editor icon frosted glass",
|
||||
},
|
||||
title: "Video Editor", description: "Professional video creation, simplified.", button: {
|
||||
text: "Open"},
|
||||
bentoComponent: "reveal-icon", icon: Video,
|
||||
imageAlt: "image editor icon frosted glass"},
|
||||
{
|
||||
title: "File Converter",
|
||||
description: "Convert between all major file types.",
|
||||
button: {
|
||||
text: "Open",
|
||||
},
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Archive,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/file-formats-icons-full-color_1010-542.jpg?_wi=2",
|
||||
imageAlt: "image editor icon frosted glass",
|
||||
},
|
||||
title: "File Converter", description: "Convert between all major file types.", button: {
|
||||
text: "Open"},
|
||||
bentoComponent: "reveal-icon", icon: Archive,
|
||||
imageAlt: "image editor icon frosted glass"},
|
||||
{
|
||||
title: "HTML-to-Image",
|
||||
description: "Capture web content as high-quality images.",
|
||||
button: {
|
||||
text: "Open",
|
||||
},
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Code,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finance-tracking-concept-wallet-with-magnifying-glass_23-2152012414.jpg",
|
||||
imageAlt: "image editor icon frosted glass",
|
||||
},
|
||||
title: "HTML-to-Image", description: "Capture web content as high-quality images.", button: {
|
||||
text: "Open"},
|
||||
bentoComponent: "reveal-icon", icon: Code,
|
||||
imageAlt: "image editor icon frosted glass"},
|
||||
]}
|
||||
title="Your Creative Powerhouse"
|
||||
description="Discover the innovative tools that empower your creativity. Each designed for simplicity, speed, and professional results."
|
||||
@@ -243,8 +149,7 @@ export default function LandingPage() {
|
||||
description="Streamline your workflow with Swedits' powerful bulk processing capabilities. Efficiently manage and edit large volumes of files without compromising quality or speed. Focus on creativity, not tedious tasks."
|
||||
buttons={[
|
||||
{
|
||||
text: "Upgrade to Plus",
|
||||
},
|
||||
text: "Upgrade to Plus"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
|
||||
imageAlt="Frosted glass interface showing bulk editing of multiple files"
|
||||
@@ -255,62 +160,34 @@ export default function LandingPage() {
|
||||
<PricingCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Start",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$0",
|
||||
subtitle: "Essential tools for everyday creativity.",
|
||||
buttons: [
|
||||
id: "free", badge: "Start", badgeIcon: Sparkles,
|
||||
price: "$0", subtitle: "Essential tools for everyday creativity.", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Get Started"},
|
||||
],
|
||||
features: [
|
||||
"Access to all 8 tools",
|
||||
"Standard quality exports",
|
||||
"Single file processing",
|
||||
"Community support",
|
||||
],
|
||||
"Access to all 8 tools", "Standard quality exports", "Single file processing", "Community support"],
|
||||
},
|
||||
{
|
||||
id: "plus",
|
||||
badge: "Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$9/month",
|
||||
subtitle: "Unlock advanced features and productivity.",
|
||||
buttons: [
|
||||
id: "plus", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$9/month", subtitle: "Unlock advanced features and productivity.", buttons: [
|
||||
{
|
||||
text: "Choose Plus",
|
||||
},
|
||||
text: "Choose Plus"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Free, plus:",
|
||||
"High quality exports",
|
||||
"Up to 100-file bulk processing",
|
||||
"Priority support",
|
||||
"No watermarks on exports",
|
||||
],
|
||||
"Everything in Free, plus:", "High quality exports", "Up to 100-file bulk processing", "Priority support", "No watermarks on exports"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$19/month",
|
||||
subtitle: "Unleash limitless creative possibilities.",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", badgeIcon: Sparkles,
|
||||
price: "$19/month", subtitle: "Unleash limitless creative possibilities.", buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
},
|
||||
text: "Choose Pro"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Plus, plus:",
|
||||
"Lossless quality exports",
|
||||
"Unlimited bulk processing",
|
||||
"24/7 dedicated support",
|
||||
"Exclusive beta features",
|
||||
],
|
||||
"Everything in Plus, plus:", "Lossless quality exports", "Unlimited bulk processing", "24/7 dedicated support", "Exclusive beta features"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans for Every Creator"
|
||||
@@ -322,8 +199,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="We'd Love to Hear From You"
|
||||
description="Have questions, feedback, or a partnership inquiry? Reach out to our team, and we'll get back to you promptly."
|
||||
@@ -338,62 +214,37 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Image Editor",
|
||||
href: "#tools",
|
||||
},
|
||||
label: "Image Editor", href: "#tools"},
|
||||
{
|
||||
label: "AI Enhancer",
|
||||
href: "#tools",
|
||||
},
|
||||
label: "AI Enhancer", href: "#tools"},
|
||||
{
|
||||
label: "Video Editor",
|
||||
href: "#tools",
|
||||
},
|
||||
label: "Video Editor", href: "#tools"},
|
||||
{
|
||||
label: "File Converter",
|
||||
href: "#tools",
|
||||
},
|
||||
label: "File Converter", href: "#tools"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#careers",
|
||||
},
|
||||
label: "Careers", href: "#careers"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Blog", href: "#blog"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "#privacy"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#terms",
|
||||
},
|
||||
label: "Terms of Service", href: "#terms"},
|
||||
{
|
||||
label: "Cookies Policy",
|
||||
href: "#cookies",
|
||||
},
|
||||
label: "Cookies Policy", href: "#cookies"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user