bender/327c0d2b-2910-40b7-8764-4f3fbc30dbd0
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #5

Merged
bender merged 1 commits from version_1 into main 2026-04-08 20:05:53 +00:00
Conversation 0 Commits 1 Files Changed 1 +17 -6
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/page.tsx
View File

@@ -17,7 +17,18 @@ const navItems = [{ name: "Home", id: "/" }];
export default function Page() {
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} />
</div>
@@ -30,25 +41,25 @@ export default function Page() {
/>
</div>
<div id="social" data-section="social">
<SocialProofOne names={["Acme", "Globex", "Soylent"]} title="Trusted by" description="Companies worldwide" textboxLayout="default" />
<SocialProofOne names={["Acme", "Globex", "Soylent"]} title="Trusted by" description="Companies worldwide" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout title="Our Mission" description="Empowering businesses to scale faster." metrics={[{ value: "10K+", title: "Projects" }]} useInvertedBackground={false} mediaAnimation="none" metricsAnimation="none" />
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven title="Key Features" description="Powerful tools for your workflow." animationType="none" textboxLayout="default" features={[{ id: "1", title: "Scalable", descriptions: ["Built for growth"] }]} />
<FeatureCardTwentySeven title="Key Features" description="Powerful tools for your workflow." animationType="none" textboxLayout="default" features={[{ id: "1", title: "Scalable", descriptions: ["Built for growth"] }]} useInvertedBackground={false} />
</div>
<div id="classes" data-section="classes">
<ProductCardFour title="Catalog" description="Explore our products" gridVariant="uniform-all-items-equal" animationType="none" textboxLayout="default" useInvertedBackground={false} products={[{ id: "1", name: "Basic", price: "$10", variant: "Standard", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "2", name: "Pro", price: "$20", variant: "Advanced", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }, { id: "3", name: "Enterprise", price: "$50", variant: "Custom", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" }]} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo title="Testimonials" description="What clients say" animationType="none" textboxLayout="default" testimonials={[{ id: "1", name: "John", role: "CEO", testimonial: "Fantastic!" }, { id: "2", name: "Jane", role: "CTO", testimonial: "Highly recommended." }]} />
<TestimonialCardTwo title="Testimonials" description="What clients say" animationType="none" textboxLayout="default" testimonials={[{ id: "1", name: "John", role: "CEO", testimonial: "Fantastic!" }, { id: "2", name: "Jane", role: "CTO", testimonial: "Highly recommended." }]} useInvertedBackground={false} />
</div>
<div id="team" data-section="team">
<TeamCardSix title="Our Team" description="Meet the experts" gridVariant="uniform-all-items-equal" animationType="none" textboxLayout="default" members={[{ id: "1", name: "Alice", role: "Designer" }, { id: "2", name: "Bob", role: "Developer" }]} />
<TeamCardSix title="Our Team" description="Meet the experts" gridVariant="uniform-all-items-equal" animationType="none" textboxLayout="default" members={[{ id: "1", name: "Alice", role: "Designer" }, { id: "2", name: "Bob", role: "Developer" }]} useInvertedBackground={false} />
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive title="Pricing" description="Transparent pricing plans" animationType="none" textboxLayout="default" plans={[{ id: "1", tag: "Starter", price: "$0", period: "mo", description: "Free", button: { text: "Sign Up" }, featuresTitle: "Core features", features: ["Fast", "Simple"] }, { id: "2", tag: "Growth", price: "$29", period: "mo", description: "For teams", button: { text: "Get Started" }, featuresTitle: "Pro features", features: ["Fast", "Scaling", "Priority"] }]} />
<PricingCardFive title="Pricing" description="Transparent pricing plans" animationType="none" textboxLayout="default" plans={[{ id: "1", tag: "Starter", price: "$0", period: "mo", description: "Free", button: { text: "Sign Up" }, featuresTitle: "Core features", features: ["Fast", "Simple"] }, { id: "2", tag: "Growth", price: "$29", period: "mo", description: "For teams", button: { text: "Get Started" }, featuresTitle: "Pro features", features: ["Fast", "Scaling", "Priority"] }]} useInvertedBackground={false} />
</div>
<div id="contact" data-section="contact">
<ContactSplit tag="Contact Us" title="Get in touch" description="Let's build something together." background={{ variant: "plain" }} useInvertedBackground={false} />