Merge version_3 into main #3
160
src/app/page.tsx
160
src/app/page.tsx
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
sizing="medium"
|
||||
background="fluid"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fusion Builder"
|
||||
/>
|
||||
@@ -50,40 +46,16 @@ export default function LandingPage() {
|
||||
title="We Build the Future of the Web"
|
||||
description="Fusion Builder delivers high-performance websites for ambitious brands. From conceptualization to launch, we craft digital experiences that convert."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller", handle: "@smiller", testimonial: "Fusion Builder completely transformed our digital footprint. Extremely professional team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
{
|
||||
name: "David Chen", handle: "@dchen", testimonial: "The attention to detail in our new platform was unmatched. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez", handle: "@erod", testimonial: "Fast turnaround and brilliant design. Everything we needed to scale.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
|
||||
{
|
||||
name: "Marcus Thorne", handle: "@mthorne", testimonial: "Our conversion rate doubled after the redesign. Fusion Builder knows their craft.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg"},
|
||||
{
|
||||
name: "Jordan Lee", handle: "@jlee", testimonial: "Seamless collaboration. The site is fast, modern, and perfectly aligned with our brand.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project", href: "#contact"},
|
||||
{ name: "Sarah Miller", handle: "@smiller", testimonial: "Fusion Builder completely transformed our digital footprint. Extremely professional team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
|
||||
{ name: "David Chen", handle: "@dchen", testimonial: "The attention to detail in our new platform was unmatched. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg" },
|
||||
{ name: "Elena Rodriguez", handle: "@erod", testimonial: "Fast turnaround and brilliant design. Everything we needed to scale.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
|
||||
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "Our conversion rate doubled after the redesign. Fusion Builder knows their craft.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg" },
|
||||
{ name: "Jordan Lee", handle: "@jlee", testimonial: "Seamless collaboration. The site is fast, modern, and perfectly aligned with our brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040413.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Positive Middle-aged Business Leader at Window"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Happy young professional posing in office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", alt: "Smiling mechanic standing in repair shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-74855-10324.jpg", alt: "Portrait of grey-haired businessman standing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg", alt: "Portrait of serious young businessman in glasses"},
|
||||
]}
|
||||
avatarText="Trusted by 200+ companies"
|
||||
titleClassName="text-black text-4xl"
|
||||
descriptionClassName="text-black text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -91,6 +63,8 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Digital Excellence"
|
||||
titleClassName="text-black text-4xl"
|
||||
className="text-black text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -100,18 +74,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Web Development", description: "High-performance sites tailored to your business goals."},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "UI/UX Design", description: "Intuitive interfaces built for user engagement and retention."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Security & Maintenance", description: "Robust protection and constant monitoring to keep your site safe."},
|
||||
{ icon: Zap, title: "Web Development", description: "High-performance sites tailored to your business goals." },
|
||||
{ icon: Layout, title: "UI/UX Design", description: "Intuitive interfaces built for user engagement and retention." },
|
||||
{ icon: Shield, title: "Security & Maintenance", description: "Robust protection and constant monitoring to keep your site safe." },
|
||||
]}
|
||||
title="Services We Offer"
|
||||
description="Our expertise spans across modern web development and design frameworks to build robust platforms."
|
||||
textBoxTitleClassName="text-black text-3xl"
|
||||
textBoxDescriptionClassName="text-black text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,21 +91,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Essential", price: "$1,500", subtitle: "Perfect for small sites", features: [
|
||||
"Responsive Design", "Basic SEO", "Contact Form"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Best Value", price: "$3,500", subtitle: "Growth-oriented sites", features: [
|
||||
"Advanced SEO", "Content Mgmt", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Custom", price: "Custom", subtitle: "Tailored for unique needs", features: [
|
||||
"Custom Features", "API Integration", "Dedicated Team"],
|
||||
},
|
||||
{ id: "starter", badge: "Essential", price: "$1,500", subtitle: "Perfect for small sites", features: ["Responsive Design", "Basic SEO", "Contact Form"] },
|
||||
{ id: "pro", badge: "Best Value", price: "$3,500", subtitle: "Growth-oriented sites", features: ["Advanced SEO", "Content Mgmt", "Priority Support"] },
|
||||
{ id: "enterprise", badge: "Custom", price: "Custom", subtitle: "Tailored for unique needs", features: ["Custom Features", "API Integration", "Dedicated Team"] },
|
||||
]}
|
||||
title="Simple Transparent Pricing"
|
||||
description="Choose a plan designed to help you scale your online presence."
|
||||
textBoxTitleClassName="text-black text-3xl"
|
||||
textBoxDescriptionClassName="text-black text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,18 +109,14 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "200+", title: "Projects Delivered", description: "Diverse projects from startups to large enterprises.", icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "98%", title: "Client Retention", description: "Long-term relationships built on trust and performance.", icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "50ms", title: "Average Speed", description: "Optimized performance to keep users happy.", icon: Zap,
|
||||
},
|
||||
{ id: "m1", value: "200+", title: "Projects Delivered", description: "Diverse projects from startups to large enterprises.", icon: Rocket },
|
||||
{ id: "m2", value: "98%", title: "Client Retention", description: "Long-term relationships built on trust and performance.", icon: ThumbsUp },
|
||||
{ id: "m3", value: "50ms", title: "Average Speed", description: "Optimized performance to keep users happy.", icon: Zap },
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Our work speaks for itself through measurable results and growth for our partners."
|
||||
textBoxTitleClassName="text-black text-3xl"
|
||||
descriptionClassName="text-black text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,19 +125,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Top Notch Work", quote: "Fantastic experience from start to finish.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg"},
|
||||
{
|
||||
id: "2", title: "Reliable Partner", quote: "Fusion Builder is now our go-to partner.", name: "Mike R.", role: "CMO", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg"},
|
||||
{
|
||||
id: "3", title: "Exceeded Expectations", quote: "Delivered ahead of schedule with great quality.", name: "Elena D.", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg"},
|
||||
{
|
||||
id: "4", title: "Great Performance", quote: "Our web speed improved dramatically.", name: "David L.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/purposeful-young-businessman-looking-away_1262-3609.jpg"},
|
||||
{
|
||||
id: "5", title: "Excellent Design", quote: "Design intuition is world-class.", name: "Jordan P.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-confident-man-elegant-suit-posing-with-hand-pocket-against-skyscraper-background_613910-4116.jpg"},
|
||||
{ id: "1", title: "Top Notch Work", quote: "Fantastic experience from start to finish.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg" },
|
||||
{ id: "2", title: "Reliable Partner", quote: "Fusion Builder is now our go-to partner.", name: "Mike R.", role: "CMO", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg" },
|
||||
{ id: "3", title: "Exceeded Expectations", quote: "Delivered ahead of schedule with great quality.", name: "Elena D.", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg" },
|
||||
{ id: "4", title: "Great Performance", quote: "Our web speed improved dramatically.", name: "David L.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/purposeful-young-businessman-looking-away_1262-3609.jpg" },
|
||||
{ id: "5", title: "Excellent Design", quote: "Design intuition is world-class.", name: "Jordan P.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-confident-man-elegant-suit-posing-with-hand-pocket-against-skyscraper-background_613910-4116.jpg" },
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="We are proud of the relationships we've built with innovative companies."
|
||||
textBoxTitleClassName="text-black text-3xl"
|
||||
textBoxDescriptionClassName="text-black text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,23 +142,25 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechNode", "GrowthLab", "InnovateCore", "StartupHive", "LogicStream", "ZenithMedia", "CloudVista"]}
|
||||
names={["TechNode", "GrowthLab", "InnovateCore", "StartupHive", "LogicStream", "ZenithMedia", "CloudVista"]}
|
||||
title="Trusted by Innovative Companies"
|
||||
description="Working with industry leaders to push the boundaries of digital innovation."
|
||||
textBoxTitleClassName="text-black text-3xl"
|
||||
textBoxDescriptionClassName="text-black text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Get in touch with us via phone at 315-664-3869 or email rabieadam975@gmail.com. We're ready to build."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994395.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
titleClassName="text-black text-3xl"
|
||||
descriptionClassName="text-black text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -211,34 +169,14 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-architect-colleagues-discussing-layout-project_482257-8116.jpg"
|
||||
logoText="Fusion Builder"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--background: #ffffff;
|
||||
--card: #f2f2f2;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #2a2928;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #cccccc;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #aaaaaa;
|
||||
--background-accent: #dddddd;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user