Merge version_1 into main #2
283
src/app/page.tsx
283
src/app/page.tsx
@@ -16,206 +16,105 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BEST BUYS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BEST BUYS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="BEST BUYS"
|
||||
description="Opening soon. Get ready for an unparalleled shopping experience."
|
||||
tag="Coming Soon"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=1",
|
||||
imageAlt: "Best Buys launch",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=2",
|
||||
imageAlt: "Best Buys product",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=3",
|
||||
imageAlt: "Best Buys storefront",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=4",
|
||||
imageAlt: "Best Buys collection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg?_wi=5",
|
||||
imageAlt: "Best Buys opening",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="BEST BUYS"
|
||||
description="Opening soon. Get ready for an unparalleled shopping experience."
|
||||
tag="Coming Soon"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys launch" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys product" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys storefront" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys collection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-girl-wearing-medical-mask-shopping-malls-holding-paper-ba_1258-161781.jpg", imageAlt: "Best Buys opening" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join thousands of satisfied customers who count on Best Buys."
|
||||
names={[
|
||||
"TechCorp",
|
||||
"Retail Dynamics",
|
||||
"Global Solutions",
|
||||
"Modern Living",
|
||||
"Elite Ventures",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join thousands of satisfied customers who count on Best Buys."
|
||||
names={["TechCorp", "Retail Dynamics", "Global Solutions", "Modern Living", "Elite Ventures"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Membership Plans"
|
||||
description="Choose the best plan to get early access to our exclusive deals."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Entry",
|
||||
price: "$0",
|
||||
period: "/month",
|
||||
description: "Perfect for casual shoppers.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Basic Benefits",
|
||||
features: [
|
||||
"Early access notifications",
|
||||
"Member-only discounts",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Popular",
|
||||
price: "$19",
|
||||
period: "/month",
|
||||
description: "For the ultimate shopper.",
|
||||
button: {
|
||||
text: "Join Pro",
|
||||
},
|
||||
featuresTitle: "Pro Benefits",
|
||||
features: [
|
||||
"Free shipping on all items",
|
||||
"Exclusive product previews",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Membership Plans"
|
||||
description="Choose the best plan to get early access to our exclusive deals."
|
||||
plans={[
|
||||
{ id: "basic", tag: "Entry", price: "$0", period: "/month", description: "Perfect for casual shoppers.", button: { text: "Get Started" }, featuresTitle: "Basic Benefits", features: ["Early access notifications", "Member-only discounts"] },
|
||||
{ id: "pro", tag: "Popular", price: "$19", period: "/month", description: "For the ultimate shopper.", button: { text: "Join Pro" }, featuresTitle: "Pro Benefits", features: ["Free shipping on all items", "Exclusive product previews", "Priority support"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Growth"
|
||||
description="We are expanding rapidly to serve you better."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Products Ready",
|
||||
items: [
|
||||
"Verified quality",
|
||||
"Daily updates",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k",
|
||||
title: "Waitlist Members",
|
||||
items: [
|
||||
"Growing daily",
|
||||
"Exclusive access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Growth"
|
||||
description="We are expanding rapidly to serve you better."
|
||||
metrics={[
|
||||
{ id: "m1", value: "1M+", title: "Products Ready", items: ["Verified quality", "Daily updates"] },
|
||||
{ id: "m2", value: "500k", title: "Waitlist Members", items: ["Growing daily", "Exclusive access"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Stay Updated"
|
||||
description="Sign up for our newsletter to be the first to know when we launch."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-workspace-with-various-elements_23-2148043257.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Stay Updated"
|
||||
description="Sign up for our newsletter to be the first to know when we launch."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email address", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-workspace-with-various-elements_23-2148043257.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Login",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BEST BUYS"
|
||||
copyrightText="© 2025 | BEST BUYS"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Support", items: [{ label: "Login", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
logoText="BEST BUYS"
|
||||
copyrightText="© 2025 | BEST BUYS"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user