Update src/app/page.tsx
This commit is contained in:
311
src/app/page.tsx
311
src/app/page.tsx
@@ -16,236 +16,103 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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: "/",
|
||||
},
|
||||
{
|
||||
name: "Templates",
|
||||
id: "/templates",
|
||||
},
|
||||
{
|
||||
name: "Freebies",
|
||||
id: "/freebies",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Templates", id: "/templates" },
|
||||
{ name: "Freebies", id: "/freebies" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Admin", id: "/admin" },
|
||||
]}
|
||||
brandName="BrightBytee Studios"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
title="Bright Ideas, Powered by Bytes"
|
||||
description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Industries Covered",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Instant Support",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-woman-posing_23-2148729645.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payments",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Aesthetic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Responsive Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Bright Ideas, Powered by Bytes"
|
||||
description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
|
||||
kpis={[
|
||||
{ value: "500+", label: "Happy Customers" },
|
||||
{ value: "15+", label: "Industries Covered" },
|
||||
{ value: "24/7", label: "Instant Support" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Pixel-Perfect Design",
|
||||
label: "Design",
|
||||
items: [
|
||||
"Obsessive attention to detail",
|
||||
"Modern aesthetic",
|
||||
"Clean, efficient code",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Instant Delivery",
|
||||
label: "Delivery",
|
||||
items: [
|
||||
"No waiting time",
|
||||
"Secure downloads",
|
||||
"Productivity-focused",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fully Responsive",
|
||||
label: "Responsive",
|
||||
items: [
|
||||
"Mobile-first approach",
|
||||
"Cross-device compatibility",
|
||||
"Seamless experiences",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Choose BrightBytee"
|
||||
description="Templates engineered for performance, scale, and aesthetic brilliance."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Pixel-Perfect Design", label: "Design", items: ["Obsessive attention to detail", "Modern aesthetic", "Clean, efficient code"] },
|
||||
{ id: "f2", title: "Instant Delivery", label: "Delivery", items: ["No waiting time", "Secure downloads", "Productivity-focused"] },
|
||||
{ id: "f3", title: "Fully Responsive", label: "Responsive", items: ["Mobile-first approach", "Cross-device compatibility", "Seamless experiences"] }
|
||||
]}
|
||||
title="Why Choose BrightBytee"
|
||||
description="Templates engineered for performance, scale, and aesthetic brilliance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Game Changer",
|
||||
quote: "The speed and quality of these templates saved us weeks of development.",
|
||||
name: "Aditya Rao",
|
||||
role: "Startup Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Beautifully Built",
|
||||
quote: "Clean code and stunning UI, exactly what our agency needed.",
|
||||
name: "Priya Sharma",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Highly Recommended",
|
||||
quote: "Instant delivery and secure UPI payment made it hassle-free.",
|
||||
name: "Karan Mehra",
|
||||
role: "Freelancer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Scalable Design",
|
||||
quote: "Perfect for our growing startup's web presence.",
|
||||
name: "Sneha Gupta",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
title: "Excellent Quality",
|
||||
quote: "Top tier design quality at a fraction of the cost.",
|
||||
name: "Rohan Deshmukh",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What entrepreneurs and developers say about our templates."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "m1", title: "Game Changer", quote: "The speed and quality of these templates saved us weeks of development.", name: "Aditya Rao", role: "Startup Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg" },
|
||||
{ id: "m2", title: "Beautifully Built", quote: "Clean code and stunning UI, exactly what our agency needed.", name: "Priya Sharma", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg" },
|
||||
{ id: "m3", title: "Highly Recommended", quote: "Instant delivery and secure UPI payment made it hassle-free.", name: "Karan Mehra", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg" },
|
||||
{ id: "m4", title: "Scalable Design", quote: "Perfect for our growing startup's web presence.", name: "Sneha Gupta", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg" },
|
||||
{ id: "m5", title: "Excellent Quality", quote: "Top tier design quality at a fraction of the cost.", name: "Rohan Deshmukh", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" }
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What entrepreneurs and developers say about our templates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Innovators"
|
||||
description="Our templates are being used to build the future of Indian startups and beyond."
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateHub",
|
||||
"CreativeSolutions",
|
||||
"NextGen Digital",
|
||||
"StartupLaunch",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Innovators"
|
||||
description="Our templates are being used to build the future of Indian startups and beyond."
|
||||
names={["TechCorp", "InnovateHub", "CreativeSolutions", "NextGen Digital", "StartupLaunch"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Need Help or Have Questions?"
|
||||
description="For any inquiries or technical support, please contact us via email at brightbyteestudios68@gmail.com."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-52899.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Help or Have Questions?"
|
||||
description="For any inquiries or technical support, please contact us via email at brightbyteestudios68@gmail.com."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-52899.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BrightBytee Studios"
|
||||
copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user