bender/f37bb22e-865c-43c2-b562-8607a41ed257
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

2 Commits
version_1 ... main

Author SHA1 Message Date
bender
b99eebc065 Merge version_2 into main 
Merge version_2 into main
 2026-05-06 19:11:34 +00:00
bender
b6b4332143 Update src/app/page.tsx 2026-05-06 19:11:28 +00:00
1 changed files with 44 additions and 167 deletions
Expand all files Collapse all files

211
src/app/page.tsx
View File

@@ -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>
);
}
}