Edit: [Block: social-proof-one|Social Proof One|/blocks/social-proof/socialProofOne.sv

This commit is contained in:
2026-01-27 11:45:50 +02:00
parent 99c846e090
commit ad64f09c4b
2 changed files with 46 additions and 49 deletions

View File

@@ -569,10 +569,10 @@
"role": "ui", "role": "ui",
"tags": [], "tags": [],
"used_in": [ "used_in": [
"src/components/navbar/NavbarLayoutFloatingInline.tsx",
"src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx", "src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx",
"src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
"src/components/navbar/NavbarStyleMinimal.tsx", "src/components/navbar/NavbarStyleMinimal.tsx",
"src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
"src/components/navbar/NavbarLayoutFloatingInline.tsx",
"src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx", "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx",
"src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx" "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx"
], ],
@@ -610,8 +610,8 @@
"button" "button"
], ],
"used_in": [ "used_in": [
"src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx", "src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx",
"src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.tsx" "src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -2695,9 +2695,9 @@
"tags": [], "tags": [],
"used_in": [ "used_in": [
"src/components/button/ButtonTextStagger/ButtonTextStagger.tsx", "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
"src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
"src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx", "src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
"src/components/button/ButtonTextShift/ButtonTextShift.tsx" "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
"src/components/button/ButtonShiftHover/ButtonShiftHover.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -2748,17 +2748,17 @@
"button" "button"
], ],
"used_in": [ "used_in": [
"src/components/button/ButtonHoverBubble.tsx",
"src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
"src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx",
"src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
"src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx",
"src/components/button/ButtonExpandHover.tsx",
"src/components/button/ButtonIconArrow.tsx",
"src/components/button/ButtonTextUnderline.tsx",
"src/components/button/ButtonTextStagger/ButtonTextStagger.tsx", "src/components/button/ButtonTextStagger/ButtonTextStagger.tsx",
"src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx",
"src/components/button/ButtonBounceEffect/ButtonBounceEffect.tsx",
"src/components/button/ButtonIconArrow.tsx",
"src/components/button/ButtonExpandHover.tsx",
"src/components/button/ButtonElasticEffect/ButtonElasticEffect.tsx",
"src/components/button/ButtonTextShift/ButtonTextShift.tsx", "src/components/button/ButtonTextShift/ButtonTextShift.tsx",
"src/components/button/ButtonHoverMagnetic/ButtonHoverMagnetic.tsx" "src/components/button/ButtonHoverBubble.tsx",
"src/components/button/ButtonTextUnderline.tsx",
"src/components/button/ButtonShiftHover/ButtonShiftHover.tsx",
"src/components/button/ButtonDirectionalHover/ButtonDirectionalHover.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -2815,10 +2815,10 @@
"button" "button"
], ],
"used_in": [ "used_in": [
"src/components/navbar/NavbarStyleMinimal.tsx",
"src/components/navbar/NavbarLayoutFloatingInline.tsx",
"src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx", "src/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay.tsx",
"src/components/Textbox.tsx" "src/components/Textbox.tsx",
"src/components/navbar/NavbarLayoutFloatingInline.tsx",
"src/components/navbar/NavbarStyleMinimal.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -3143,15 +3143,15 @@
"product" "product"
], ],
"used_in": [ "used_in": [
"src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx", "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelineBase.tsx", "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelineCardStack.tsx", "src/components/cardStack/layouts/timelines/TimelineCardStack.tsx",
"src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx", "src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx", "src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx", "src/components/cardStack/layouts/timelines/TimelineHorizontalCardStack.tsx",
"src/components/cardStack/layouts/carousels/AutoCarousel.tsx" "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,
@@ -3168,8 +3168,8 @@
"role": "ui", "role": "ui",
"tags": [], "tags": [],
"used_in": [ "used_in": [
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx", "src/components/cardStack/layouts/carousels/FullWidthCarousel.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/CardStack.tsx", "src/components/cardStack/CardStack.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx", "src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/layouts/carousels/AutoCarousel.tsx" "src/components/cardStack/layouts/carousels/AutoCarousel.tsx"
@@ -3389,11 +3389,11 @@
"product" "product"
], ],
"used_in": [ "used_in": [
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/timelines/TimelineBase.tsx", "src/components/cardStack/layouts/timelines/TimelineBase.tsx",
"src/components/cardStack/layouts/carousels/ButtonCarousel.tsx",
"src/components/cardStack/layouts/grid/GridLayout.tsx", "src/components/cardStack/layouts/grid/GridLayout.tsx",
"src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx", "src/components/cardStack/layouts/carousels/AutoCarousel.tsx",
"src/components/cardStack/layouts/carousels/AutoCarousel.tsx" "src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx"
], ],
"can_modify_directly": true, "can_modify_directly": true,
"can_delete": true, "can_delete": true,

View File

@@ -18,42 +18,21 @@ export default function LandingPage() {
defaultButtonVariant="icon-arrow" defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="pill"
<div id="social-proof-one" data-section="social-proof-one">
<div className="bg-white p-8 rounded-lg shadow-md flex flex-col items-center text-center">
<img src="/blocks/social-proof/socialProofOne.svg" alt="Social Proof One" className="w-24 h-24 mb-4" />
<h3 className="text-2xl font-bold mb-2">Social Proof One</h3>
<p className="text-gray-600">This section highlights the social proof one aspect of our platform.</p>
</div>
</div>
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="largeSmallSizeLargeTitles" sizing="largeSmallSizeLargeTitles"
background="plain" background="plain"
cardStyle="elevated" cardStyle="elevated"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
<div id="social-proof-one" data-section="social-proof-one">
<div className="bg-white p-8 rounded-lg shadow-md flex flex-col items-center text-center">
<img src="/blocks/social-proof/socialProofOne.svg" alt="Social Proof One" className="w-24 h-24 mb-4" />
<h3 className="text-2xl font-bold mb-2">Social Proof One</h3>
<p className="text-gray-600">This section highlights the social proof one aspect of our platform.</p>
</div>
</div>
headingFontWeight="medium" headingFontWeight="medium"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Brain Freedom" brandName="Brain Freedom"
navItems={[ navItems={[
{ name: "Concerns", id: "concerns" }, { name: "Concerns", id: "concerns" },
{ name: "Science", id: "science" }, { name: "Science", id: "science" },
<div id="social-proof-one" data-section="social-proof-one">
<div className="bg-white p-8 rounded-lg shadow-md flex flex-col items-center text-center">
<img src="/blocks/social-proof/socialProofOne.svg" alt="Social Proof One" className="w-24 h-24 mb-4" />
<h3 className="text-2xl font-bold mb-2">Social Proof One</h3>
<p className="text-gray-600">This section highlights the social proof one aspect of our platform.</p>
</div>
</div>
{ name: "Experts", id: "experts" }, { name: "Experts", id: "experts" },
{ name: "FAQ", id: "faq" } { name: "FAQ", id: "faq" }
]} ]}
@@ -77,6 +56,24 @@ export default function LandingPage() {
]} ]}
/> />
</div> </div>
<div id="social-proof-two" data-section="social-proof-two">
<div className="container mx-auto px-4 py-16 text-center">
<h2 className="text-4xl font-bold mb-8">Social Proof One</h2>
<p className="text-lg text-gray-600">This section will showcase social proof, such as testimonials, reviews, or endorsements.</p>
</div>
</div>
<div id="social-proof-one" data-section="social-proof-one">
<div className="container mx-auto px-4 py-16 text-center">
<h2 className="text-4xl font-bold mb-8">Social Proof One</h2>
<p className="text-lg text-gray-600">This section will showcase social proof, such as testimonials, reviews, or endorsements.</p>
</div>
</div>
<div id="social-proof-one" data-section="social-proof-one">
<div className="container mx-auto px-4 py-16 text-center">
<h2 className="text-4xl font-bold mb-8">Social Proof One</h2>
<p className="text-lg text-gray-600">This section will showcase social proof, such as testimonials, reviews, or endorsements.</p>
</div>
</div>
<div id="concerns" data-section="concerns"> <div id="concerns" data-section="concerns">
<FeatureProcessSteps <FeatureProcessSteps