bender/bb4220e9-e940-435b-a6c5-8a78d6c365c7
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

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

8 Commits
version_2 ... main

Author SHA1 Message Date
bender
60c93f9a59 Update src/app/page.tsx 2026-03-28 13:04:45 +00:00
bender
b22d5d50bf Update src/app/page.tsx 2026-03-28 13:02:40 +00:00
bender
f98af344a3 Merge version_1 into main 
Merge version_1 into main
 2026-03-28 13:01:46 +00:00
bender
662ed03b23 Update src/app/page.tsx 2026-03-28 13:01:44 +00:00
bender
19b8631b83 Merge version_1 into main 
Merge version_1 into main
 2026-03-28 13:01:23 +00:00
bender
011533212e Update src/app/page.tsx 2026-03-28 13:01:17 +00:00
bender
17b09dd60b Merge version_1 into main 
Merge version_1 into main
 2026-03-28 13:00:47 +00:00
bender
f147e92b36 Update src/app/page.tsx 2026-03-28 13:00:44 +00:00
1 changed files with 109 additions and 250 deletions
Expand all files Collapse all files

359
src/app/page.tsx
View File

@@ -18,265 +18,124 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="noise"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Features", id: "features" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "FAQ", id: "faq" },
name: "Features", { name: "Contact", id: "contact" },
id: "features", ]}
}, brandName="SampleSite"
{ />
name: "About", </div>
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="SampleSite"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Warm, Professional Solutions"
}} description="We create elegant, high-impact digital experiences for your business."
title="Welcome to Our Simple Solution" buttons={[{ text: "Get Started", href: "#contact" }]}
description="We help businesses succeed with streamlined processes and elegant design." mediaItems={[
buttons={[ { imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-terracotta-background_23-2149544668.jpg", imageAlt: "minimalist abstract warm background" },
{ { imageSrc: "http://img.b2bpic.net/free-vector/triangle-copper-frame-pastel-background_53876-112994.jpg", imageAlt: "gentle wave abstract shape" },
text: "Get Started", { imageSrc: "http://img.b2bpic.net/free-vector/minimal-poster-layout-with-vibrant-gradient-blurs_206725-166.jpg", imageAlt: "abstract circular soft gradient" }
href: "#contact", ]}
}, />
]} </div>
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-terracotta-background_23-2149544668.jpg",
imageAlt: "Abstract beige background 1",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/triangle-copper-frame-pastel-background_53876-112994.jpg",
imageAlt: "Abstract beige background 2",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/minimal-poster-layout-with-vibrant-gradient-blurs_206725-166.jpg",
imageAlt: "Abstract beige background 3",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-doodle-background_23-2149315510.jpg",
imageAlt: "Abstract beige background 4",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/white-background-with-golden-line-strokes_1017-20797.jpg",
imageAlt: "Abstract beige background 5",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} useInvertedBackground={false}
tag="About Us" tag="About Us"
title="Crafting Solutions with Passion" title="Crafting Solutions with Passion"
description="We specialize in creating simple, impactful digital experiences for businesses of all sizes." description="We focus on simplicity and professionalism to deliver long-term value."
subdescription="Our team focuses on quality and long-term results." subdescription="Our design philosophy is rooted in clarity and quality."
icon={Users} icon={Users}
imageSrc="http://img.b2bpic.net/free-photo/young-african-american-man-happily-looking-camera-work-with-colleagues-modern-co-working-space_574295-1880.jpg" imageSrc="http://img.b2bpic.net/free-photo/young-african-american-man-happily-looking-camera-work-with-colleagues-modern-co-working-space_574295-1880.jpg"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "f1", title: "Fast Performance", tags: ["Speed", "Efficiency"], imageSrc: "http://img.b2bpic.net/free-vector/colorful-geometric-logos_23-2147509513.jpg" },
id: "f1", { id: "f2", title: "Secure Platform", tags: ["Reliability", "Security"], imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_52683-13554.jpg" },
title: "Fast Performance", { id: "f3", title: "Modern Design", tags: ["Aesthetics", "User-Centric"], imageSrc: "http://img.b2bpic.net/free-vector/psychology-logos-abstract-style_23-2147590187.jpg" }
tags: [ ]}
"Speed", title="Our Core Strengths"
"Optimization", description="Robust features built for professional excellence."
], />
imageSrc: "http://img.b2bpic.net/free-vector/colorful-geometric-logos_23-2147509513.jpg", </div>
},
{
id: "f2",
title: "Secure Platform",
tags: [
"Security",
"Trust",
],
imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_52683-13554.jpg",
},
{
id: "f3",
title: "Easy To Use",
tags: [
"Usability",
"Design",
],
imageSrc: "http://img.b2bpic.net/free-vector/psychology-logos-abstract-style_23-2147590187.jpg",
},
]}
title="Why Choose Us"
description="Streamlined features designed for your growth."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", title: "Exceptional Partners", quote: "Professional, warm, and highly efficient team.", name: "Alex Smith", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-curly-hair-warmly-dressed-fur-coat-scarf-winter-frost-sunny-day-street-city_1321-2313.jpg" },
id: "t1", { id: "t2", title: "Stunning Results", quote: "They transformed our workflow seamlessly.", name: "Maria Garcia", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg" }
title: "Great Service", ]}
quote: "They made our workflow so much easier.", title="Trusted by Clients"
name: "Alex Smith", description="Hear how we've helped partners succeed."
role: "CEO", />
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-curly-hair-warmly-dressed-fur-coat-scarf-winter-frost-sunny-day-street-city_1321-2313.jpg?_wi=1", </div>
},
{
id: "t2",
title: "Impactful Design",
quote: "Beautiful work that drives results.",
name: "Maria Garcia",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg",
},
{
id: "t3",
title: "Professional Team",
quote: "Always responsive and professional.",
name: "John Doe",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-street_641386-1075.jpg",
},
{
id: "t4",
title: "Highly Recommend",
quote: "The best partner for our digital needs.",
name: "Sarah Lee",
role: "Developer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg",
},
{
id: "t5",
title: "Exceptional Quality",
quote: "A truly transformative partnership.",
name: "David Chen",
role: "Operations",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-curly-hair-warmly-dressed-fur-coat-scarf-winter-frost-sunny-day-street-city_1321-2313.jpg?_wi=2",
},
]}
title="Loved by Our Clients"
description="Read what our partners say about working with us."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "How do we begin?", content: "Get in touch through our contact form and we'll start with a consultation." },
id: "q1", { id: "q2", title: "What is your process?", content: "We focus on a collaborative approach to ensure professional results every time." },
title: "What is the onboarding process?", { id: "q3", title: "Can we scale?", content: "Absolutely, our solutions grow alongside your business." }
content: "Our process is simple and quick.", ]}
}, title="Common Questions"
{ description="Everything you need to know about our services."
id: "q2", faqsAnimation="slide-up"
title: "Do you offer support?", />
content: "Yes, we provide 24/7 dedicated support.", </div>
},
{
id: "q3",
title: "Can I cancel anytime?",
content: "Yes, our plans are flexible.",
},
]}
title="Common Questions"
description="Find answers to our most frequently asked questions."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Get In Touch" title="Get In Touch"
description="Fill out the form and we will get back to you shortly." description="Let's discuss how we can work together."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Full Name", required: true },
name: "name", { name: "email", type: "email", placeholder: "Email Address", required: true }
type: "text", ]}
placeholder: "Your Name", textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
required: true, imageSrc="http://img.b2bpic.net/free-photo/online-school-equipment-home_23-2149041145.jpg"
}, mediaAnimation="slide-up"
{ />
name: "email", </div>
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/online-school-equipment-home_23-2149041145.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Contact", href: "#contact" }] },
items: [ { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
{ ]}
label: "About", logoText="SampleSite"
href: "#about", />
}, </div>
{
label: "Features",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="SampleSite"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }