Merge version_2 into main #1
211
src/app/page.tsx
211
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="SiteCraft"
|
||||
/>
|
||||
@@ -60,42 +50,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Create Your Digital Future, Effortlessly."
|
||||
description="Unlock the power of creation with our intuitive, no-code platform. Build, customize, and publish your professional website in minutes."
|
||||
tag="Trusted by 10,000+ creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building for Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Building for Free", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg",
|
||||
imageAlt: "Builder Interface 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg", imageAlt: "Builder Interface 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
|
||||
imageAlt: "Builder Interface 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Builder Interface 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg",
|
||||
imageAlt: "Builder Interface 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg", imageAlt: "Builder Interface 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-investment-expert-works-home-analyzing-financial-statistics_482257-120570.jpg",
|
||||
imageAlt: "Builder Interface 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-investment-expert-works-home-analyzing-financial-statistics_482257-120570.jpg", imageAlt: "Builder Interface 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
|
||||
imageAlt: "Builder Interface 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Builder Interface 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
|
||||
imageAlt: "Builder Interface 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg", imageAlt: "Builder Interface 6"},
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
@@ -106,14 +81,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for Every Vision",
|
||||
},
|
||||
type: "text", content: "Built for Every Vision"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/blue-watercolor-grunge-stain-with-wire-mesh_1017-8629.jpg",
|
||||
alt: "Creative Vision",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/blue-watercolor-grunge-stain-with-wire-mesh_1017-8629.jpg", alt: "Creative Vision"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,23 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Responsive Layouts",
|
||||
description: "Beautiful designs that work across all mobile and desktop devices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440907.jpg",
|
||||
imageAlt: "Responsive design",
|
||||
},
|
||||
title: "Responsive Layouts", description: "Beautiful designs that work across all mobile and desktop devices.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440907.jpg", imageAlt: "Responsive design"},
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Know exactly how your site is performing with real-time insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",
|
||||
imageAlt: "Analytics dashboard",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Know exactly how your site is performing with real-time insights.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg", imageAlt: "Analytics dashboard"},
|
||||
{
|
||||
title: "Drag-and-Drop",
|
||||
description: "Build complex layouts simply by dragging elements onto your canvas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mobile-screen-templates-design_1057-551.jpg",
|
||||
imageAlt: "Builder interface",
|
||||
},
|
||||
title: "Drag-and-Drop", description: "Build complex layouts simply by dragging elements onto your canvas.", imageSrc: "http://img.b2bpic.net/free-vector/mobile-screen-templates-design_1057-551.jpg", imageAlt: "Builder interface"},
|
||||
]}
|
||||
title="Powerful Tools, Simple Experience"
|
||||
description="Everything you need to grow your digital presence, delivered with simplicity."
|
||||
@@ -154,14 +112,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AlphaTech",
|
||||
"BetaLabs",
|
||||
"GammaCorp",
|
||||
"DeltaStudios",
|
||||
"EpsilonTech",
|
||||
"ZetaMedia",
|
||||
"ThetaDesign",
|
||||
]}
|
||||
"AlphaTech", "BetaLabs", "GammaCorp", "DeltaStudios", "EpsilonTech", "ZetaMedia", "ThetaDesign"]}
|
||||
title="Supporting the Best Creators"
|
||||
description="Join a community of forward-thinking brands and individual creators."
|
||||
/>
|
||||
@@ -174,40 +125,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "SiteCraft transformed my workflow. Building sites is now actually fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "SiteCraft transformed my workflow. Building sites is now actually fun.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "I built my entire e-commerce store in just one afternoon. Amazing platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-manager-creating-online-work-vlog_482257-120378.jpg",
|
||||
},
|
||||
id: "2", name: "John Doe", handle: "@johnd", testimonial: "I built my entire e-commerce store in just one afternoon. Amazing platform.", imageSrc: "http://img.b2bpic.net/free-photo/female-manager-creating-online-work-vlog_482257-120378.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena",
|
||||
testimonial: "The interface is so clean and the design tools are incredibly powerful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-freelance-developer-drawing-action-plan-flipchart-blonde-young-female-managers-looking-foreign-colleague-which-writing-something-board_197531-3769.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", handle: "@elena", testimonial: "The interface is so clean and the design tools are incredibly powerful.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-freelance-developer-drawing-action-plan-flipchart-blonde-young-female-managers-looking-foreign-colleague-which-writing-something-board_197531-3769.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Fast, responsive, and easy to use. I can't recommend SiteCraft enough.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Wilson", handle: "@mwilson", testimonial: "Fast, responsive, and easy to use. I can't recommend SiteCraft enough.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Scott",
|
||||
handle: "@ascott",
|
||||
testimonial: "Perfect for freelancers and startup founders alike. A real game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg",
|
||||
},
|
||||
id: "5", name: "Anna Scott", handle: "@ascott", testimonial: "Perfect for freelancers and startup founders alike. A real game changer.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg"},
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="Hear what our diverse user base has to say about their experience."
|
||||
@@ -221,56 +147,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Entry",
|
||||
price: "$19/mo",
|
||||
subtitle: "Essential tools for personal projects",
|
||||
features: [
|
||||
"Basic Builder",
|
||||
"Custom Domain",
|
||||
"Community Support",
|
||||
],
|
||||
id: "starter", badge: "Entry", price: "$19/mo", subtitle: "Essential tools for personal projects", features: [
|
||||
"Basic Builder", "Custom Domain", "Community Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$49/mo",
|
||||
subtitle: "For growing businesses",
|
||||
features: [
|
||||
"Advanced Builder",
|
||||
"Priority Support",
|
||||
"Analytics Dashboard",
|
||||
"Custom Integration",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$49/mo", subtitle: "For growing businesses", features: [
|
||||
"Advanced Builder", "Priority Support", "Analytics Dashboard", "Custom Integration"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Elite",
|
||||
price: "$99/mo",
|
||||
subtitle: "For large organizations",
|
||||
features: [
|
||||
"Full Studio Access",
|
||||
"Dedicated Expert",
|
||||
"API Access",
|
||||
"Unlimited Sites",
|
||||
],
|
||||
id: "enterprise", badge: "Elite", price: "$99/mo", subtitle: "For large organizations", features: [
|
||||
"Full Studio Access", "Dedicated Expert", "API Access", "Unlimited Sites"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -285,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need coding experience?",
|
||||
content: "Not at all. Our platform is 100% no-code and drag-and-drop.",
|
||||
},
|
||||
id: "1", title: "Do I need coding experience?", content: "Not at all. Our platform is 100% no-code and drag-and-drop."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I connect my custom domain?",
|
||||
content: "Yes, all plans include custom domain support.",
|
||||
},
|
||||
id: "2", title: "Can I connect my custom domain?", content: "Yes, all plans include custom domain support."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is my site secure?",
|
||||
content: "We provide enterprise-grade SSL and hosting for all published sites.",
|
||||
},
|
||||
id: "3", title: "Is my site secure?", content: "We provide enterprise-grade SSL and hosting for all published sites."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -310,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Ready to Start?"
|
||||
title="Build Your Vision Today"
|
||||
description="Sign up and join thousands of creators building their future online."
|
||||
@@ -326,29 +213,19 @@ export default function LandingPage() {
|
||||
logoText="SiteCraft"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -358,4 +235,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user