Update src/app/page.tsx
This commit is contained in:
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
|||||||
contentWidth="compact"
|
contentWidth="compact"
|
||||||
sizing="mediumLargeSizeLargeTitles"
|
sizing="mediumLargeSizeLargeTitles"
|
||||||
background="circleGradient"
|
background="circleGradient"
|
||||||
cardStyle="subtle-shadow"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="double-inset"
|
primaryButtonStyle="double-inset"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="solid"
|
||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
@@ -38,6 +38,7 @@ export default function LandingPage() {
|
|||||||
button={{
|
button={{
|
||||||
text: "Start Exploring", href: "#hero"
|
text: "Start Exploring", href: "#hero"
|
||||||
}}
|
}}
|
||||||
|
className="backdrop-blur-md bg-white/10 border border-white/20 shadow-xl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -133,6 +134,8 @@ export default function LandingPage() {
|
|||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
metricsContainerClassName="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6"
|
||||||
|
metricCardClassName="backdrop-blur-md bg-white/10 border border-white/20 rounded-2xl p-6 shadow-lg hover:bg-white/15 transition-all duration-300"
|
||||||
ariaLabel="About Wanderlust section"
|
ariaLabel="About Wanderlust section"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -160,6 +163,7 @@ export default function LandingPage() {
|
|||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
cardClassName="backdrop-blur-md bg-white/10 border border-white/20 rounded-2xl p-6 shadow-lg hover:bg-white/15 transition-all duration-300"
|
||||||
ariaLabel="Testimonials section"
|
ariaLabel="Testimonials section"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -189,6 +193,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
|
cardClassName="backdrop-blur-md bg-white/10 border border-white/20 rounded-2xl p-6 shadow-lg hover:bg-white/15 transition-all duration-300"
|
||||||
|
valueClassName="text-4xl md:text-5xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent"
|
||||||
ariaLabel="Metrics and statistics section"
|
ariaLabel="Metrics and statistics section"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -229,6 +235,8 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
showCard={true}
|
showCard={true}
|
||||||
animationType="smooth"
|
animationType="smooth"
|
||||||
|
accordionClassName="backdrop-blur-md bg-white/10 border border-white/20 rounded-2xl p-4 hover:bg-white/15 transition-all duration-300"
|
||||||
|
contentClassName="bg-gradient-to-br from-white/5 to-white/10 backdrop-blur-sm rounded-lg"
|
||||||
ariaLabel="FAQ section"
|
ariaLabel="FAQ section"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -271,6 +279,10 @@ export default function LandingPage() {
|
|||||||
]
|
]
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
|
containerClassName="backdrop-blur-md bg-white/10 border-t border-white/20 shadow-xl"
|
||||||
|
columnsClassName="grid grid-cols-2 md:grid-cols-4 gap-8"
|
||||||
|
columnItemClassName="text-white/70 hover:text-white transition-colors duration-200"
|
||||||
|
copyrightContainerClassName="border-t border-white/10 bg-white/5 backdrop-blur-sm"
|
||||||
ariaLabel="Site footer"
|
ariaLabel="Site footer"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user