Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -20,31 +20,23 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
+        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: "About", id: "about" },
-          name: "About",
+        { name: "Features", id: "features" },
-          id: "about",
+        { name: "Products", id: "products" },
-        },
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Webild"
     />
@@ -52,63 +44,26 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Generate Websites Instantly"
       description="Transform your ideas into stunning websites with ease. Webild makes generation simple and customization perfect."
-      buttons={[
+      buttons={[{ text: "Get Started", href: "#contact" }]}
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kv0lr"
       mediaAnimation="slide-up"
       avatars={[
-        {
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf1q5v", alt: "User 1" },
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf1q5v",
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6g0h8", alt: "User 2" },
-          alt: "User 1",
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s94ymd", alt: "User 3" },
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj1sr3", alt: "User 4" },
-        {
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouet7l", alt: "User 5" },
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6g0h8",
-          alt: "User 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s94ymd",
-          alt: "User 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj1sr3",
-          alt: "User 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouet7l",
-          alt: "User 5",
-        },
       ]}
       avatarText="Join 10,000+ creators"
       marqueeItems={[
-        {
+        { type: "text", text: "AI-Powered" },
-          type: "text",
+        { type: "text", text: "SEO Optimized" },
-          text: "AI-Powered",
+        { type: "text", text: "Lightning Fast" },
-        },
+        { type: "text", text: "Mobile Responsive" },
-        {
+        { type: "text", text: "Cloud Ready" },
-          type: "text",
-          text: "SEO Optimized",
-        },
-        {
-          type: "text",
-          text: "Lightning Fast",
-        },
-        {
-          type: "text",
-          text: "Mobile Responsive",
-        },
-        {
-          type: "text",
-          text: "Cloud Ready",
-        },
       ]}
     />
   </div>
@@ -120,18 +75,9 @@ export default function LandingPage() {
       title="Your Idea, Perfected"
       description="We take your concept and craft a digital experience that stands out. Webild empowers you to build professional sites in minutes."
       bulletPoints={[
-        {
+        { title: "Instant Generation", description: "From idea to live in just a few clicks." },
-          title: "Instant Generation",
+        { title: "Deep Customization", description: "Every design element is fully yours to change." },
-          description: "From idea to live in just a few clicks.",
+        { title: "Modern Standards", description: "Performance-first sites built for the future." },
-        },
-        {
-          title: "Deep Customization",
-          description: "Every design element is fully yours to change.",
-        },
-        {
-          title: "Modern Standards",
-          description: "Performance-first sites built for the future.",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gtpe7p"
       mediaAnimation="blur-reveal"
@@ -144,21 +90,9 @@ export default function LandingPage() {
       title="Powering Your Vision"
       description="Our platform is designed to take the friction out of creation."
       accordionItems={[
-        {
+        { id: "1", title: "Design Engine", content: "Our proprietary engine generates layouts that adapt to your brand." },
-          id: "1",
+        { id: "2", title: "SEO Optimized", content: "Sites built on Webild are automatically optimized for performance and discovery." },
-          title: "Design Engine",
+        { id: "3", title: "Dynamic Updates", content: "Update content on the fly without touching a line of code." },
-          content: "Our proprietary engine generates layouts that adapt to your brand.",
-        },
-        {
-          id: "2",
-          title: "SEO Optimized",
-          content: "Sites built on Webild are automatically optimized for performance and discovery.",
-        },
-        {
-          id: "3",
-          title: "Dynamic Updates",
-          content: "Update content on the fly without touching a line of code.",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r2u5ce"
       mediaAnimation="slide-up"
@@ -172,27 +106,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "10K+", title: "Projects Generated", description: "And growing everyday.", icon: Zap },
-          id: "m1",
+        { id: "m2", value: "99.9%", title: "Uptime", description: "Reliable performance always.", icon: Shield },
-          value: "10K+",
+        { id: "m3", value: "200+", title: "Themes", description: "Style for every industry.", icon: Star },
-          title: "Projects Generated",
-          description: "And growing everyday.",
-          icon: Zap,
-        },
-        {
-          id: "m2",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Reliable performance always.",
-          icon: Shield,
-        },
-        {
-          id: "m3",
-          value: "200+",
-          title: "Themes",
-          description: "Style for every industry.",
-          icon: Star,
-        },
       ]}
       title="Proven Results"
       description="Built for speed, trusted by creators globally."
@@ -206,42 +122,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Agency Pro", price: "$49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sauumf" },
-          id: "p1",
+        { id: "p2", name: "Startup Launch", price: "$99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pkrp6" },
-          name: "Agency Pro",
+        { id: "p3", name: "Portfolio Classic", price: "$29", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ldyk2j" },
-          price: "$49",
+        { id: "p4", name: "Blog Modern", price: "$39", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qms8zu" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sauumf",
+        { id: "p5", name: "E-Commerce Base", price: "$79", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1w7jld" },
-        },
+        { id: "p6", name: "SaaS Platform", price: "$129", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=woymn2" },
-        {
-          id: "p2",
-          name: "Startup Launch",
-          price: "$99",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pkrp6",
-        },
-        {
-          id: "p3",
-          name: "Portfolio Classic",
-          price: "$29",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ldyk2j",
-        },
-        {
-          id: "p4",
-          name: "Blog Modern",
-          price: "$39",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qms8zu",
-        },
-        {
-          id: "p5",
-          name: "E-Commerce Base",
-          price: "$79",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1w7jld",
-        },
-        {
-          id: "p6",
-          name: "SaaS Platform",
-          price: "$129",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=woymn2",
-        },
       ]}
       title="Template Collection"
       description="Explore our curated designs for your next venture."
@@ -250,49 +136,15 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", name: "Alice M.", handle: "@alicem", testimonial: "The fastest site generation I have ever experienced.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf1q5v" },
-          id: "t1",
+        { id: "t2", name: "Bob R.", handle: "@bobr", testimonial: "Perfect customization, easy to scale for startups.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6g0h8" },
-          name: "Alice M.",
+        { id: "t3", name: "Charlie D.", handle: "@charlied", testimonial: "Webild changed how I deliver websites for clients.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s94ymd" },
-          handle: "@alicem",
+        { id: "t4", name: "Dana L.", handle: "@danal", testimonial: "Incredible theme variety and performance.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj1sr3" },
-          testimonial: "The fastest site generation I have ever experienced.",
+        { id: "t5", name: "Evan K.", handle: "@evank", testimonial: "Simply the best tool in my development stack.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouet7l" },
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf1q5v",
-        },
-        {
-          id: "t2",
-          name: "Bob R.",
-          handle: "@bobr",
-          testimonial: "Perfect customization, easy to scale for startups.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6g0h8",
-        },
-        {
-          id: "t3",
-          name: "Charlie D.",
-          handle: "@charlied",
-          testimonial: "Webild changed how I deliver websites for clients.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s94ymd",
-        },
-        {
-          id: "t4",
-          name: "Dana L.",
-          handle: "@danal",
-          testimonial: "Incredible theme variety and performance.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj1sr3",
-        },
-        {
-          id: "t5",
-          name: "Evan K.",
-          handle: "@evank",
-          testimonial: "Simply the best tool in my development stack.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouet7l",
-        },
       ]}
       showRating={true}
       title="Loved by Creators"
@@ -304,21 +156,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Do I need coding skills?", content: "Not at all. Webild handles the logic while you focus on design." },
-          id: "f1",
+        { id: "f2", title: "Can I export my site?", content: "Yes, you can export your site code anytime for deployment." },
-          title: "Do I need coding skills?",
+        { id: "f3", title: "Is support available?", content: "Our team is here 24/7 to assist with your journey." },
-          content: "Not at all. Webild handles the logic while you focus on design.",
-        },
-        {
-          id: "f2",
-          title: "Can I export my site?",
-          content: "Yes, you can export your site code anytime for deployment.",
-        },
-        {
-          id: "f3",
-          title: "Is support available?",
-          content: "Our team is here 24/7 to assist with your journey.",
-        },
       ]}
       sideTitle="Frequently Asked"
       sideDescription="Everything you need to know about starting your build."
@@ -329,16 +169,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       text="Ready to build your masterpiece?"
-      buttons={[
+      buttons={[{ text: "Get Started", href: "#" }]}
-        {
-          text: "Get Started",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
@@ -346,32 +179,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Webild"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }] },
-          title: "Company",
+        { title: "Resources", items: [{ label: "Templates", href: "#" }, { label: "Support", href: "#" }] },
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Templates",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>